Hushed Petrol color palette — #FAF4EC · #C4E5D9 · #6C8DB3 · #216D7B · #593D54

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C4E5D9): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6C8DB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#216D7B): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#593D54): 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

• Wandering Delta color palette (#F8F0EA, #C6E4D9, #758BC5, #006D6A, #402030)
• Petrol Station color palette (#DEFDF4, #EEDBD5, #E8B9CA, #438099, #584458)
• Worn Cobalt Villa color palette (#FBF4E9, #9ED7F6, #2884CE, #006570, #283E6A)
• Hushed Study color palette (#F9F4EE, #C8E7E3, #6DA2B8, #5D7757, #2E5348)
• Lagoon Parlor color palette (#FAF3F6, #D6DCF1, #89A3E2, #008D88, #4A4165)
• Sunlit Lantern color palette (#E3FCF3, #66A7D7, #BC773E, #186C9F, #5D391C)
• Chalky Cobalt color palette (#B3F2FC, #5AB5D2, #1D86BB, #1E5F94, #30496F)
• Timeworn Forest Atelier color palette (#F9F4EE, #B1CEB1, #318593, #00624B, #074153)

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