Muted Petrol color palette — #DCF2F3 · #007587 · #00495E · #002438 · #000817

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

The five colors

• Frost (#DCF2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00495E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002438): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000817): 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

• Weathered Chestnut color palette (#C9E5F9, #00759D, #8A4000, #003C52, #120400)
• Weathered Pine Meadow color palette (#D5EDDA, #00865C, #005948, #002E2C, #000C0E)
• Chalky Lagoon Bloom color palette (#D0EDE2, #00A2A6, #006783, #00375F, #04003C)
• Cobalt Harbor color palette (#E0F1FF, #228BCD, #00487C, #001D34, #000103)
• Dusty Iris color palette (#DFF0FF, #95B5F1, #897ACB, #004E5B, #000F27)
• Navy Harbor color palette (#D2EFFF, #0079BB, #004697, #0C007E, #060026)
• Hazy Parlor color palette (#C3E3F9, #005F8A, #8C004C, #384100, #000409)
• Powdered Parlor color palette (#D1E7F0, #62B1CC, #007DB2, #005693, #132A4E)

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