Dusty Petrol color palette — #FFF2ED · #72C8CE · #0078A0 · #005A2F · #0D3165

A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#72C8CE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005A2F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0D3165): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Dusty 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

• Forest Garden color palette (#FDF2EF, #B0CEB2, #0084AA, #00642D, #49314A)
• Aqua Atelier color palette (#E7F7EA, #47D1DB, #007F97, #005346, #001D2B)
• Sapphire Coast color palette (#FFF2EA, #7EC2E4, #0763E5, #00574E, #32295E)
• Denim Balcony color palette (#F3E7E1, #66ABB4, #005F85, #004026, #071B49)
• Glacier Workshop color palette (#FFF4E3, #25E5F1, #009CB9, #007462, #00384E)
• Cobalt Boulevard color palette (#D4E2EE, #0078B6, #686900, #405D00, #00273F)
• Hushed Lagoon color palette (#FFF0FD, #DBC5FF, #FF638A, #007386, #2A3261)
• Hazy Sky color palette (#FFF0FB, #77EFF9, #00BCEC, #009C73, #00355A)

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