Muted Petrol color palette — #F4F6EF · #C0E6DC · #6B8BBB · #22698F · #5A3C56

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C0E6DC): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6B8BBB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#22698F): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3C56): A full-bodied, dusty pink — the color of a candy shop window.

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

• Iris Chapel color palette (#F7F1EA, #C0E6DC, #788AC6, #006A7A, #411F31)
• Patina Archive color palette (#F3F7EC, #ABD3F5, #4482C5, #006182, #273F68)
• Cypress Market color palette (#F5F6ED, #C8E5CC, #4A97A3, #00716A, #2E503D)
• Wandering Archive color palette (#FBF2F5, #D9DCF9, #93A3D4, #08899D, #3F4565)
• Hushed Atelier color palette (#E7EADC, #6BA9BA, #00617B, #003D42, #002333)
• Softworn Navy Boulevard color palette (#EBEFE0, #5B879F, #004064, #00212A, #000A18)
• Pale Olive color palette (#F6F7E4, #82AE6E, #4593BB, #3F7521, #104862)
• Dusty Harbor color palette (#F5F9D6, #629958, #1E8A97, #876126, #383932)

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