Hushed Petrol color palette — #F4F6F0 · #CCE1E3 · #799CC7 · #3A7694 · #5F4B5D

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CCE1E3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#799CC7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3A7694): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

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

• Cypress Studio color palette (#F5F6EF, #C7E6E1, #6DA2B4, #007E82, #2F5344)
• Dusty Studio color palette (#EEF9ED, #7CBEBC, #978FCD, #008382, #4C476C)
• Petrol Villa color palette (#EEF0E6, #84BBCB, #007393, #004F55, #003248)
• Cobalt Thicket color palette (#EBFAEC, #4FA8AD, #6D87C7, #5F824A, #354838)
• Tempered Orchard color palette (#F0F0E6, #4B9EA4, #00535E, #00302D, #00171E)
• Antique Bronze color palette (#FFF2EA, #CBB39F, #AB7145, #874C27, #673C00)
• Weathered Petrol color palette (#F4F6EF, #CBE1E2, #709FC2, #32798D, #31524A)
• Dusty Alley color palette (#F5F6EF, #C7E5E2, #6AA2B8, #177D85, #325246)

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