Muted Petrol Ridge color palette — #EFF7F7 · #D8DBEC · #789DC3 · #3D7790 · #455467

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D8DBEC): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#789DC3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3D7790): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#455467): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Antique Cerulean color palette (#EBF7FF, #75B9DE, #2D93CD, #396C99, #42556B)
• Softworn Lilac color palette (#EFF6FF, #7898D0, #AD70AD, #008787, #384352)
• Ash Atelier color palette (#EFF6FF, #DAD8E2, #BCABA5, #7492AF, #454F5F)
• Patina Canyon color palette (#EDF6FF, #89B5DD, #66AC6E, #3677AD, #285652)
• Muted Petrol color palette (#E5F1F0, #80BCCC, #007392, #004F54, #003248)
• Dusty Cobalt color palette (#EFF6FF, #ACCAFC, #577CBC, #39527F, #223753)
• Lagoon Study color palette (#DBF0EC, #529DA1, #00545D, #00302C, #00171D)
• Worn Market color palette (#ECF8F6, #9CDBE2, #008FA4, #006763, #004759)

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