Muted Petrol color palette — #CBE6D8 · #006A8A · #41424C · #00273F · #000D06

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

The five colors

• Celadon Mist (#CBE6D8): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#41424C): a grounded near-black with real depth.
• Midnight (#00273F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cerulean Corridor color palette (#D1E9F8, #0086AB, #224467, #002031, #000203)
• Cypress Coast color palette (#DBE4D7, #007162, #5D4000, #002B2A, #030D00)
• Charred Denim color palette (#D6F3EA, #0065A3, #22262E, #001F56, #000D09)
• Dusty Petrol color palette (#F0F1E2, #76C0C1, #00848F, #005A51, #00242B)
• Azure Terrace color palette (#D6EAE2, #0099DE, #5C425F, #1E332C, #121A17)
• Feathered Quarry color palette (#E5E9F7, #525EF0, #B40092, #00646F, #090B32)
• Patina Iris color palette (#F9EEF6, #8598DA, #67505D, #40333D, #251F25)
• Tempered Pine Dune color palette (#EEEDDC, #71A25C, #007526, #005339, #0B2101)

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