Muted Petrol color palette — #CCE6F5 · #007692 · #0F3160 · #1A1B22 · #00090D

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#CCE6F5): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0F3160): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#1A1B22): quiet, heavy and certain.
• Ink (#00090D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Patina Market color palette (#CCF1F5, #007D66, #003941, #151A20, #000A06)
• Velvet Sapphire color palette (#D5E8FF, #006AC6, #32285B, #16141D, #000716)
• Nocturne Denim Delta color palette (#D2F4E2, #005C75, #282934, #001B2B, #000305)
• Wandering Lilac Grove color palette (#DDE3F6, #978BEA, #635C7A, #353B51, #080E16)
• Worn Azure color palette (#D9EFFF, #009ED6, #43558F, #003A51, #00090E)
• Worn Garden color palette (#EBDDE6, #7DBDBD, #0092AE, #007147, #001625)
• Hushed Powder color palette (#EBF3FA, #87BDE9, #727B90, #465765, #1C2326)
• Faded Dune color palette (#D5E7DA, #90A155, #008828, #006361, #0D1200)

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