Muted Petrol color palette — #CFF4FF · #7B9EB9 · #3C6BA7 · #5B3968 · #51262F

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

The five colors

• Frost (#CFF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7B9EB9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3C6BA7): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#5B3968): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#51262F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Ancient Pewter color palette (#D6E7FE, #8C94C2, #755EA2, #693948, #502727)
• Ancient Turquoise Terrace color palette (#D9E9E0, #33A4B4, #526D8F, #4E3547, #281122)
• Tempered Alley color palette (#DFECF5, #5684B2, #354D9B, #4E2E4B, #421A2E)
• Patina Driftwood Dune color palette (#EDF7FF, #A5B5CB, #7C82AB, #6B607A, #584C5D)
• Aged Ridge color palette (#E7EEDA, #78C3BD, #7B98B7, #916746, #492737)
• Ancient Harbor color palette (#E7F1F0, #77BCD8, #00719D, #004E5A, #00314F)
• Turquoise Balcony color palette (#D2E7D9, #67BBBE, #947594, #784B2E, #56331C)
• Soft Azure color palette (#C4E6FF, #2F96D8, #005F90, #002C48, #00192C)

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