Dusty Petrol color palette — #E6FAF7 · #70C5DF · #00799D · #00555C · #003751

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E6FAF7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#70C5DF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003751): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Washed Cobalt Quarry color palette (#FDECF7, #65CBE8, #0079B4, #00524A, #011544)
• Worn Sapphire color palette (#E2FBFA, #78BEFC, #006BD0, #005170, #172F63)
• Periwinkle Bloom color palette (#EBF7FF, #ADD5FF, #819EFF, #006D88, #183E5F)
• Softworn Parlor color palette (#E7FAF6, #85E1DD, #009197, #006859, #004952)
• Denim Hollow color palette (#D4E7E5, #59AACA, #005F84, #003D46, #002238)
• Soft Azure color palette (#FFF2EB, #60DDFE, #0095DB, #007467, #0E2E6C)
• Hazy Grape Thicket color palette (#DFF2FF, #007AAC, #8400DD, #00614B, #00283B)
• Softworn Workshop color palette (#DDEAEA, #5686AA, #003D70, #00202D, #00071F)

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