Hushed Petrol color palette — #F1F7F0 · #C5DFFA · #7A88B4 · #036E7E · #3F4565

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

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Powder Blue (#C5DFFA): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7A88B4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#036E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3F4565): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Chalky Cobalt color palette (#FFF1F5, #AAD4F5, #577CCD, #00656F, #3C3670)
• Aged Denim Station color palette (#F0F3EB, #C9E3DC, #6F8FBB, #00668F, #3B2238)
• Muted Station color palette (#EDF8F7, #D7D9EF, #85A7D6, #3183AE, #374863)
• Hushed Lagoon Corridor color palette (#EADDE6, #4B9EA3, #005266, #003120, #001527)
• Aged Lagoon color palette (#E6F9FF, #D2DAED, #C5BAE1, #538B6C, #30505C)
• Airy Market color palette (#E6F9FF, #4EB1B4, #C06B86, #007478, #623040)
• Petrol Quarry color palette (#E8F8FF, #6CC0D0, #00838A, #004E54, #00393E)
• Hushed Lagoon color palette (#C7EECB, #63B993, #008F89, #006067, #224061)

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