Hushed Petrol color palette — #F0F7F1 · #DADDEE · #829BBD · #437788 · #485269

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829BBD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#437788): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#485269): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Oat Alley color palette (#EFF6FF, #DFD9E2, #D7BEDE, #6E8DA2, #4C5461)
• Softworn Petrol Parlor color palette (#F8EFF2, #DAD0E2, #8A9CC4, #39757F, #2E344E)
• Powder Villa color palette (#E2F5FF, #6BC7F2, #4890C1, #4A678D, #504B65)
• Washed Periwinkle color palette (#EFF6FF, #6D9AD8, #B67477, #657F5B, #374352)
• Weathered Sky color palette (#EEF6FF, #7CB5EF, #B59262, #4E769F, #3F533F)
• Petrol Orchard color palette (#E7F2E9, #71BED5, #00719C, #00504F, #032F53)
• Washed Garden color palette (#DFECE1, #29A1AA, #005364, #003129, #001622)
• Lagoon Basin color palette (#E8FAF1, #95C4B5, #5F8C77, #496651, #364D49)

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