Hushed Petrol color palette — #EFF8F0 · #C4E0F9 · #6E8CB6 · #236C7E · #374768

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#C4E0F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6E8CB6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#236C7E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#374768): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Linen Atelier color palette (#EBFAEE, #A0D6F9, #2C81D6, #006473, #2B3D6E)
• Ancient Hollow color palette (#F7EFF2, #CCDFF0, #7A8BC1, #006C6C, #272945)
• Driftwood Grove color palette (#F4F4FF, #E3D6DF, #D1B5D6, #837BA5, #544D63)
• Wandering Denim Courtyard color palette (#E3F2E5, #6BAAB6, #00617B, #003E39, #002236)
• Timeworn Abyss Dune color palette (#E1F0E4, #488AA4, #004063, #002224, #00081C)
• Bronze Cabin color palette (#F4F4FF, #A073B9, #A36F1D, #007877, #37354C)
• Patina Lagoon Terrace color palette (#FBF4ED, #C0E8ED, #96A2D3, #008C8F, #5D3C4A)
• Dusty Petrol Veranda color palette (#E5F3E7, #8DB6DD, #4766A4, #004D61, #252757)

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