Muted Petrol color palette — #E0ECEB · #98B8CF · #1A71A6 · #004959 · #00172E

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

The five colors

• Frost (#E0ECEB): a clean, paper-quiet neutral.
• Ash (#98B8CF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#1A71A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00172E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Loft color palette (#E7F5F5, #AECBE6, #427EC2, #005775, #0A1E44)
• Cypress Orchard color palette (#D6E1DE, #67AAA8, #00656B, #003A32, #000D11)
• Tempered Lagoon Drift color palette (#E2F0ED, #468581, #004547, #002019, #000202)
• Gentle Mulberry color palette (#F2E3FA, #B65E82, #2468C5, #82004A, #00102E)
• Dusty Mulberry color palette (#F6DFF8, #F6BBB7, #DF7F58, #9C365F, #2A132A)
• Softworn Alley color palette (#FDE1EA, #A18051, #794800, #4D2500, #150C00)
• Timeworn Canyon color palette (#F1DCEC, #BB609B, #970065, #660037, #300011)
• Nightshade Workshop color palette (#E8E0F0, #A83D79, #904800, #4809C7, #1B000F)

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