Muted Petrol Coast color palette — #EEF7F7 · #CADFF4 · #6E8CB4 · #316986 · #374769

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#CADFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6E8CB4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#316986): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#374769): 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 Coast 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

• Ancient Cerulean Summit color palette (#EDF8F6, #BCE4F1, #3C99A5, #007268, #17505C)
• Hushed Loft color palette (#F8EFF2, #C8DFF6, #788CC0, #006B78, #242A45)
• Cerulean Orchard color palette (#DFEFED, #4589A9, #004161, #002129, #000A17)
• Wandering Grove color palette (#FAF4EF, #C7E2E6, #8BA2E1, #008A9B, #5C3C4D)
• Softworn Mulberry color palette (#FBF1FE, #D08799, #6A87CF, #A13E5E, #30406B)
• Muted Bloom color palette (#E4FBF7, #75C6D2, #007B91, #005655, #00394A)
• Sand Market color palette (#FFF0FD, #DBD9CD, #F3C09E, #A06E74, #5A4454)
• Washed Coast color palette (#FFEFFF, #C6686F, #967534, #7A5892, #443044)

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