Muted Petrol color palette — #EDF8F7 · #DADCE7 · #77AAE3 · #0079A1 · #182D52

Cerulean takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#DADCE7): a clean, paper-quiet neutral.
• Cornflower (#77AAE3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0079A1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#182D52): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted 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

• Weathered Cypress Alley color palette (#EBF8F6, #D4DFEB, #5BB5C5, #058079, #003540)
• Softworn Alley color palette (#DDF4F1, #71C5DB, #007291, #003D42, #000306)
• Cerulean Delta color palette (#FCF2F6, #CBE3FA, #96B0ED, #009DAE, #39355A)
• Denim Workshop color palette (#DFF5F5, #82A6CC, #1050A9, #00283C, #00000C)
• Tempered Cobalt Grove color palette (#F7F1EA, #A4CDED, #5179CA, #005A62, #1E1A3E)
• Cobalt Parlor color palette (#F3F7ED, #A1D1C2, #407BBB, #005B7A, #4A3049)
• Dusty Parlor color palette (#E4FBF6, #A1D6E4, #008B93, #005247, #001013)
• Worn Corridor color palette (#FFF1F6, #F9AC60, #D188D0, #A96300, #3B173C)

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