Dusty Petrol color palette — #EEF0E2 · #5FC0DA · #007393 · #004F55 · #003248

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

The five colors

• Cream (#EEF0E2): bright and airy, almost weightless.
• Cyan (#5FC0DA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Soft Orchard color palette (#EEF1E5, #58A7DD, #005A99, #003B4E, #001D47)
• Feathered Cerulean color palette (#E5F3E8, #8DD0E3, #0692C4, #006C6A, #003053)
• Cerulean Boulevard color palette (#E8E9D9, #00A3AC, #00535E, #00302D, #00171E)
• Ash Canyon color palette (#F4F6EE, #BEEDEB, #70A1BA, #53795F, #355148)
• Quiet Seafoam color palette (#E0F7D0, #47DFD5, #44A9B2, #056B4A, #253A1E)
• Periwinkle Meadow color palette (#F9EBE5, #B4DFC6, #5EAAF0, #009477, #252854)
• Soft Emerald Atelier color palette (#D8E5D3, #00A938, #006E36, #00462A, #002D2F)
• Linen Meadow color palette (#D8EFE6, #007E64, #006592, #544F00, #162407)

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