Hushed Petrol color palette — #EAF9F8 · #DBDDE8 · #7EA8E4 · #0078A8 · #1F2D4E

Built around Cerulean, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#7EA8E4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0078A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1F2D4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Garden color palette (#E9F9F6, #D5DEEB, #61B4C6, #007F7C, #083346)
• Patina Petrol Garden color palette (#DDF4F1, #81C2D8, #007196, #003D44, #000306)
• Powder Veranda color palette (#FCF2F5, #CCE3FA, #96ADFC, #009DB3, #3C3160)
• Antique Cobalt Veranda color palette (#F3F6EE, #D6BADA, #3E77CC, #005A80, #4C2F48)
• Weathered Cobalt color palette (#F7F1EA, #A3D3C7, #6277BF, #005967, #331425)
• Cerulean Parlor color palette (#E4FBF6, #96DADD, #008A98, #00524B, #000F14)
• Coral Workshop color palette (#FFF0FC, #F37F74, #B39200, #9A68A5, #330D0B)
• Washed Delta color palette (#E4FDE8, #AAD3B6, #9F8656, #6E522D, #0C281A)

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