Muted Petrol color palette — #D7EEF2 · #00BBE9 · #0092C6 · #0B6CB4 · #142F5A

Royal Blue and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EEF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00BBE9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0092C6): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0B6CB4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#142F5A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Weathered Denim color palette (#D1E4E0, #00B0CB, #0080B0, #17519A, #2D2151)
• Soft Periwinkle color palette (#BFE8F6, #52C5FF, #41A6FA, #4778B8, #2C355D)
• Misty Archive color palette (#CFF3E9, #00BDB4, #009DA3, #007486, #002F3E)
• Hazy Cornflower Courtyard color palette (#DFEDF5, #039EEC, #0277EA, #3F52B4, #181044)
• Cornflower Canyon color palette (#DAE9F6, #66AEFF, #5A80FF, #5754AC, #322754)
• Cornflower Drift color palette (#D1E5FF, #99C2FF, #3890FD, #2A5FA7, #00163D)
• Misty Canyon color palette (#C2E8DB, #83CBFF, #EC8229, #0076B1, #421D00)
• Faded Loft color palette (#C3E5FF, #ABCEFF, #7BA2F8, #777EBA, #613C50)

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