Dusty Petrol Ridge color palette — #DEFDFA · #83C1DD · #0077A7 · #005462 · #003658

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#DEFDFA): A whisper-light, dusty teal — the color of sea glass.
• Sky (#83C1DD): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Dusty Petrol Ridge 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 Grove color palette (#FAEEF4, #86C5E2, #0074C7, #00524F, #0C0059)
• Cerulean Pier color palette (#E8FAF6, #99DCE0, #008FA0, #006761, #004857)
• Denim Grove color palette (#DAEEED, #73A6C4, #005C90, #003C4B, #00203F)
• Sky Harbor color palette (#F4F7EA, #A9E3FF, #30B6FC, #0094AD, #003559)
• Cornflower Study color palette (#FFF2EA, #97D5F1, #008FF4, #007270, #1E2675)
• Hushed Lagoon Drift color palette (#D2E8E3, #43A0A1, #00545B, #00302B, #00181D)
• Byzantium Balcony color palette (#F0ECF9, #8A2CF2, #B70056, #005A7B, #2C0F52)
• Timeworn Nightshade color palette (#F4F4FF, #F3B8FF, #D17EBB, #61479D, #432551)

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