Dusty Petrol color palette — #E2F3F1 · #66BFDD · #007299 · #004E58 · #06314A

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#E2F3F1): bright and airy, almost weightless.
• Cyan (#66BFDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#06314A): 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 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

• Cobalt Delta color palette (#ECF8F7, #93CEEF, #2F7FB6, #005C72, #253C55)
• Antique Market color palette (#D2EBEA, #65A5DA, #0257A3, #003B51, #091D43)
• Cerulean Workshop color palette (#D2E6E2, #00A2B2, #005362, #00302F, #00171F)
• Petrol Boulevard color palette (#EDF8F7, #D5DCED, #799EBB, #427885, #435565)
• Muted Periwinkle Parlor color palette (#F4ECF0, #B7D9EC, #58A8FC, #00937B, #26255C)
• Hazy Mallow Thicket color palette (#E8EBFF, #E5B4FE, #C88FBE, #5B5594, #333151)
• Soft Garden color palette (#E9E2F9, #8524E7, #A81B51, #005474, #24163A)
• Indigo Drift color palette (#D1DFFC, #586FFD, #4844C7, #382780, #2D1E53)

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