Hushed Petrol color palette — #F0E7E3 · #7FC0C5 · #00759D · #004F2A · #021434

Slate takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0E7E3): a clean, paper-quiet neutral.
• Ash (#7FC0C5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F2A): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#021434): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Soft Sapphire Courtyard color palette (#F0E7E0, #88BBD8, #3565C6, #004C46, #180B36)
• Aqua Harbor color palette (#F4EEE3, #54C4CF, #00748C, #005145, #003248)
• Aged Cobalt color palette (#F9F0EB, #A8D3B8, #1B83C3, #005E45, #31142B)
• Washed Bloom color palette (#F4EBF3, #6CD7E0, #2692BE, #1D6E42, #152D53)
• Tempered Balcony color palette (#D8E8E1, #25B382, #006444, #002F1F, #000603)
• Washed Studio color palette (#F7F0ED, #C8E5E1, #74A2C3, #3C795F, #40303D)
• Nightshade Pier color palette (#F3EAE2, #648EB5, #3632A8, #002B2D, #080014)
• Hushed Navy Courtyard color palette (#F4E3D8, #378499, #003D6A, #002018, #01000B)

Browse the whole catalog at Explore, or see today's palette.