Muted Petrol color palette — #C5E5F0 · #5784B2 · #6460AA · #693729 · #201200

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

The five colors

• Frost (#C5E5F0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5784B2): A full-bodied, balanced blue — the color of deep harbor water.
• Slate (#6460AA): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#693729): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#201200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Aged Petrol color palette (#E2F4F2, #388EA6, #2067A7, #673844, #2B0900)
• Mulberry Summit color palette (#D1DEFC, #9078BE, #884B84, #624700, #0E1300)
• Denim Pier color palette (#DBEAE3, #3E859C, #514B84, #373000, #191500)
• Denim Lantern color palette (#DFF2EA, #3E84A8, #53478A, #2C2200, #020100)
• Navy Alley color palette (#D6E6F4, #42618F, #2A2D63, #2D0422, #0B0003)
• Muted Grove color palette (#F3EBDE, #68AEB4, #00829B, #005F51, #000B13)
• Ancient Driftwood Corridor color palette (#D5E1F9, #A89FD4, #A671A7, #7C6025, #293000)
• Worn Courtyard color palette (#F8E2F4, #456FFB, #896D00, #1D29E3, #090500)

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