Hushed Petrol color palette — #F3F7ED · #C2DFF3 · #77A8EB · #0078A6 · #1F2D4D

A conversation between Cerulean and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Powder Blue (#C2DFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#77A8EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0078A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1F2D4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Chapel color palette (#F5F6ED, #BBE1EA, #50B6CC, #007F7C, #003442)
• Hushed Meadow color palette (#ECF8F8, #A1C9F4, #5379B3, #1F5979, #283B59)
• Periwinkle Orchard color palette (#FAF4ED, #BAEDDF, #93ADFF, #009DB3, #4E303F)
• Wisteria Boulevard color palette (#FEF0FF, #73A9EC, #B979C7, #00918A, #271229)
• Ancient Canyon color palette (#EDF0E4, #95C3AA, #007196, #003D44, #000306)
• Linen Cobalt color palette (#E3FBF4, #88C5FE, #61BD7B, #007BC9, #003113)
• Azure Bloom color palette (#FFF0FD, #E8D5D7, #CBBDBB, #579EE2, #42283C)
• Cerulean Loft color palette (#F5F6EC, #9BD9DB, #008A99, #00524C, #000F14)

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