Praskla Technology
prasklatechnology.com · set in Suisse Intl
SaveUnofficial A style guide made by SiteStyleGuide from parachutehome.com’s public web pages. Not affiliated with or endorsed by Parachute Home. The real site is parachutehome.com ↗
Unofficial style guide
Parachute Homestyle guide
Parachute Home’s website (parachutehome.com) uses Suisse Intl for its headings and body text. Its palette is led by Brown (#902A1F), Rosy Brown (#BA8D84) and Dark Slate Blue (#374151), with #3B3B3B text on #F1EEE9. Captured from the live site on 28 October 2026.
- Website
- parachutehome.com
- Typefaces
- Suisse Intl, Canela
- Palette
- 4 neutrals, 7 colours, 3 gradients
- Captured
- 28 Oct 2026 · added by @sitestyleguide
https://parachutehome.com/
Screenshot
parachutehome.com
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- Parachute – Home happens here. Bedding, bath linens, decor and more. – Parachute Home
- ▲ 85 / 60 characters
- Meta description
- Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shipping and returns, plus a 60 day trial.
- ● 148 / 160 characters
- Site name
- Parachute Home
- og:title
- Parachute – Home happens here. Bedding, bath linens, decor and more.
- og:description
- Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shipping and returns, plus a 60 day trial.
- Language
- en
In search results
Parachute Homehttps://parachutehome.com/
Parachute – Home happens here. Bedding, bath linens, decor an…
Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shipping and returns, plus a 60 day trial.
When shared
parachutehome.com
Parachute – Home happens here. Bedding, bath linens, decor and more.
Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shi…
Logo & favicons
Found as: image in the header. SVG, 265 × 22.
Logo
On white
On black
On Brown
Favicons
1 found-
32 px · PNG
icon
Parachute – Home happens here. Bedding, bath linens, decor and more. – Parachute Home
Light browser tab
Parachute – Home happens here. Bedding, bath linens, decor and more. – Parachute Home
Dark browser tab
Colour
Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.
Contrast is against the site’s text colour (#3B3B3B) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- Charcoal 64.1%
- White 21.1%
- Light Warm Off White 10.1%
- Deep Warm Off White 2.7%
- Brown 1%
- Rosy Brown 0.3%
- Dark Slate Blue 0.2%
- Steel Blue 0.1%
- Blue 0.1%
- Saddle Brown 0.1%
- Dark Slate Grey 0.1%
By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.
Neutrals
Text, backgrounds and structure-
Charcoal
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 4 8 79
- On text
- 1.12:1 Fail
- On white
- 12.58:1 AAA
Text, background, border · .Page_our_fabrics_detail_template_boths_innerloops_innerdetail_innerboxs_innersi, .yotpo-vertical-pagination .yotpo-reviews-pagination-item
-
White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 0
- On text
- 11.20:1 AAA
- On white
- —
Text, background, graphic · .yotpo-display-s .yotpo-review, body
-
Light Warm Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 1 3 5
- On text
- 9.68:1 AAA
- On white
- 1.16:1 Fail
Background, text, border · body, .product-form__input--pill input[type=radio]:checked+label
-
Deep Warm Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 2 4 11
- On text
- 8.52:1 AAA
- On white
- 1.31:1 Fail
Background, border · .Product_object_full_looks_title_slider .Tabs_common_inner_new.active .Product_o, .rebuy-cart__flyout .product-widgets-wrap
Colours
Brand colours and accents, most used first-
Brown
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 71 78 44
- On text
- 1.35:1 Fail
- On white
- 8.28:1 AAA
Text, background, border · .badge--accented, body.accent-cart-announcement-bar [data-rebuy-component=announcement-bar]
-
Rosy Brown
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 24 29 27
- On text
- 3.86:1 AA large
- On white
- 2.90:1 Fail
Background · .LP_Baby_boutique_Featured_collection_2_new .LP_Featured_collection_2_button_new
-
Dark Slate Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 32 20 0 68
- On text
- 1.09:1 Fail
- On white
- 10.31:1 AAA
Text · .f-button, .fancybox__content
-
Steel Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 52 0 0
- On text
- 2.79:1 Fail
- On white
- 4.02:1 AA large
Background, text, border · --swiper-theme-color, .swiper-pagination-bullet-active
-
Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 100 0 0
- On text
- 1.30:1 Fail
- On white
- 8.59:1 AAA
Used · --gradient-background, --payment-terms-background-color
-
Saddle Brown
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 51 69 47
- On text
- 1.54:1 Fail
- On white
- 7.28:1 AAA
Used · --gradient-background, --payment-terms-background-color
-
Dark Slate Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 67 0 2 67
- On text
- 1.28:1 Fail
- On white
- 8.74:1 AAA
Used · --gradient-background, --payment-terms-background-color
Gradients
-
linear-gradient(0deg,#0003 0% 100%)
-
linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
-
linear-gradient(0deg,#0c0c0ccc,#0c0c0c00)
Typography
Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.
Suisse Intl
Aa
400
Aa
700
Suisse Intl
Self-hosted · weights 400, 450, 500, 600, 700 · headings, body, buttons · shown in a stand-in if you don’t have it
Aa
300
Aa
900
Canela
Self-hosted · weights 300, 400, 600, 700, 900 · headings · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
calc(1.0 * 3rem) / calc(1 + .3/max(1,1.0))
weight 400 · Canela
Parachute Home
Heading 2
calc(1.0 * 2rem) / calc(1 + .3/max(1,1.0))
weight 400 · Canela
Parachute – Home happens here. Bedding, bath li…
Heading 3
calc(1.0 * 1.7rem)
Parachute – Home happens here. Bedding, bath li…
Heading 4
calc(1.0 * 1.5rem) / calc(1 + .3/max(1,1.0))
weight 400 · Canela
Parachute – Home happens here. Bedding, bath li…
Heading 5
calc(1.0 * 1.2rem) / calc(1 + .3/max(1,1.0))
weight 400 · Canela
Parachute – Home happens here. Bedding, bath li…
Heading 6
40px / 104%
weight 300 · Canela
Parachute – Home happens here. Bedding, bath li…
Body
1.5rem · 24 px / calc(1 + 0.8 / 1.0)
weight 400 · Suisse Intl
Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shipping and returns, plus a 60 d…
Paragraph
14px / 136%
weight 400 · uppercase · Suisse Intl
Very comfortable essentials that make you feel at home – bedding, bath linens, decor and more. Enjoy free shipping and returns, plus a 60 d…
Button
14px / 18px
weight 500 · none
Get started
Link
16px / 100%
weight 500 · uppercase
Read more about Parachute Home
Sizes in use
Most common across the site- 26pxline calc(1 + .5 / 1.0) · 12 rules
- 24pxline 112% · 17 rules
- 22pxline 1 · 16 rules
- 18pxline 120% · 23 rules
- 16pxline 150% · 74 rules
- 14pxline 136% · 80 rules
- 12pxline 136% · 32 rules
- 10pxline 136% · 14 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Button
Get started
.cv-buy-buttons button[type=submit] · #353331 · radius 4px
Corner radius
- 8px · 63×
- calc(8px / 4) · 26×
- 4px · 18×
- 10px · 17×
- 80px · 16×
- 90px · 9×
Shadows
- 0px 4px 5px rgba(59,59,59,0.0)
- 0 0 0 .3rem rgb(241,238,233),0 0 0 .5rem rgba(59,59,59,.5)
- inherit
- 0 0 0 1px rgba(59,59,59,0.55)
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
749
750
767
768
769
989
990
1440
On a scale of 0 to 1440 px.
Content widths (max-width)
576 px
480 px
400 px
335 px
320 px
300 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ▲ CheckThe title is 85 characters. Google usually cuts titles near 60, so the end may not show in results.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does Parachute Home use?
- Parachute Home’s website uses two typefaces: Suisse Intl (headings and body text), self-hosted; Canela, self-hosted.
- What are Parachute Home’s brand colours?
- The main colours on parachutehome.com are Brown (#902A1F), Rosy Brown (#BA8D84), Dark Slate Blue (#374151), Steel Blue (#007AFF), Blue (#0000FF) and Saddle Brown (#88432A).
- What colour is Parachute Home’s text and background?
- Body text is #3B3B3B on a #F1EEE9 background.
- Where is Parachute Home’s logo from?
- The logo shown in this guide was found on parachutehome.com’s homepage. For official logo files and usage rules, check Parachute Home’s own brand or press page.
- Is this Parachute Home’s official style guide?
- No. SiteStyleGuide made it from parachutehome.com’s public web pages on 28 October 2026, and isn’t affiliated with Parachute Home. Members can refresh a guide after 90 days to pick up changes.
Design tokens
Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.
Tokens
parachutehome-com-tokens.css
/* parachutehome.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/parachutehome.com) */
:root {
/* Colours */
--text: #3B3B3B;
--background: #F1EEE9;
--colour-charcoal: #353331;
--colour-white: #FFFFFF;
--colour-light-warm-off-white: #F1EEE9;
--colour-deep-warm-off-white: #E4E0DA;
--colour-brown: #902A1F;
--colour-rosy-brown: #BA8D84;
--colour-dark-slate-blue: #374151;
--colour-steel-blue: #007AFF;
--colour-blue: #0000FF;
--colour-saddle-brown: #88432A;
--colour-dark-slate-grey: #1B5351;
--gradient-1: linear-gradient(0deg,#0003 0% 100%);
--gradient-2: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
--gradient-3: linear-gradient(0deg,#0c0c0ccc,#0c0c0c00);
/* Typefaces */
--font-headings: 'Suisse Intl', sans-serif;
--font-body: 'Suisse Intl', sans-serif;
--font-buttons: 'Suisse Intl', sans-serif;
/* Type scale */
--text-h6: 40px;
--leading-h6: 104%;
--text-body: 1.5rem;
--leading-body: calc(1 + 0.8 / 1.0);
--text-p: 14px;
--leading-p: 136%;
--text-button: 14px;
--leading-button: 18px;
--text-a: 16px;
--leading-a: 100%;
/* Shape */
--radius-1: 8px;
--radius-2: calc(8px / 4);
--radius-3: 4px;
--radius-4: 10px;
--radius-5: 80px;
--radius-6: 90px;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 749px;
--breakpoint-2: 750px;
--breakpoint-3: 767px;
--breakpoint-4: 768px;
--breakpoint-5: 769px;
--breakpoint-6: 989px;
--breakpoint-7: 990px;
--breakpoint-8: 1440px;
--max-width-1: 576px;
--max-width-2: 480px;
--max-width-3: 400px;
--max-width-4: 335px;
--max-width-5: 320px;
--max-width-6: 300px;
}
{
"site": "parachutehome.com",
"source": "https://sitestyleguide.com/parachutehome.com",
"text": "#3B3B3B",
"background": "#F1EEE9",
"colours": [
{
"name": "Charcoal",
"hex": "#353331",
"rgb": [
53,
51,
49
]
},
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Light Warm Off White",
"hex": "#F1EEE9",
"rgb": [
241,
238,
233
]
},
{
"name": "Deep Warm Off White",
"hex": "#E4E0DA",
"rgb": [
228,
224,
218
]
},
{
"name": "Brown",
"hex": "#902A1F",
"rgb": [
144,
42,
31
]
},
{
"name": "Rosy Brown",
"hex": "#BA8D84",
"rgb": [
186,
141,
132
]
},
{
"name": "Dark Slate Blue",
"hex": "#374151",
"rgb": [
55,
65,
81
]
},
{
"name": "Steel Blue",
"hex": "#007AFF",
"rgb": [
0,
122,
255
]
},
{
"name": "Blue",
"hex": "#0000FF",
"rgb": [
0,
0,
255
]
},
{
"name": "Saddle Brown",
"hex": "#88432A",
"rgb": [
136,
67,
42
]
},
{
"name": "Dark Slate Grey",
"hex": "#1B5351",
"rgb": [
27,
83,
81
]
}
],
"fonts": [
{
"name": "Suisse Intl",
"stack": "\"Suisse Intl\", sans-serif",
"weights": [
400,
450,
500,
600,
700
],
"source": "Self-hosted"
},
{
"name": "Canela",
"stack": "\"Canela\", \"Canela Fallback\", serif",
"weights": [
300,
400,
600,
700,
900
],
"source": "Self-hosted"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run parachutehome.com?
Add the badge to your siteLink to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.
<a href="https://sitestyleguide.com/parachutehome.com" title="Parachute Home style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Also set in Suisse Intl
Other websites using Suisse Intl as their main typeface
Similar colours
Websites whose lead colour is closest to Parachute Home’s
Captured from parachutehome.com on 28 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Parachute Home; this guide describes the public website for reference.