Muted Petrol color palette — #CCF0F2 · #007A89 · #004E5D · #002531 · #000B12

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

The five colors

• Frost (#CCF0F2): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004E5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Cobalt Coast color palette (#E2F1FA, #0076B0, #004977, #002148, #000624)
• Ancient Lagoon color palette (#D7F3EC, #00A3A6, #007289, #00344B, #000A1C)
• Muted Pine Atelier color palette (#D3E4D6, #008655, #00533C, #002E24, #000C09)
• Chalky Mulberry Loft color palette (#CBE3F3, #00759A, #8B1692, #003C51, #130014)
• Dusty Cobalt color palette (#D8E7F2, #7CB1E8, #6582C4, #005268, #000F20)
• Aubergine Pier color palette (#D3EFFF, #006085, #620BAB, #004734, #000408)
• Powdered Cobalt Ridge color palette (#D7E5ED, #0091D8, #0060A1, #003770, #00065E)
• Bronze Coast color palette (#D8EFDB, #8A6E0D, #593E00, #331D00, #070500)

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