Hushed Petrol color palette — #EFF6FF · #80A0D5 · #A5843E · #3D64A5 · #553E06

Built around Slate, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Blue Fog (#80A0D5): A luminous, balanced violet — the color of wild irises.
• Caramel (#A5843E): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3D64A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#553E06): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Hazy Villa color palette (#EBF2FE, #88A3DA, #B38338, #305CC4, #372300)
• Worn Pewter color palette (#F2F5FF, #B1A8DA, #9E9C66, #7567A5, #2E5745)
• Worn Cobalt Hollow color palette (#E5FBF4, #89BEEA, #B8A550, #0086D3, #4E4200)
• Ancient Dune color palette (#E9F8FF, #3CB0C5, #C36E64, #007283, #63322D)
• Linen Rust Field color palette (#F0F6FF, #6D86C7, #B26057, #3E7846, #283853)
• Cerulean Grove color palette (#F0F5FF, #E0D8E2, #D8B9D7, #5986A7, #444C65)
• Hazy Grape color palette (#DAE4FF, #766AFD, #827000, #4900D0, #362E00)
• Wandering Bronze color palette (#FFF0F8, #C59F7D, #95654D, #72433B, #2F4331)

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