Dusty Petrol color palette — #EAF5EC · #82C7DD · #007BAB · #005152 · #001B35

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sky (#82C7DD): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001B35): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Harbor color palette (#FFF2EB, #71C5DD, #0072BA, #005844, #272C61)
• Timeworn Meadow color palette (#EAF5EC, #A8D9E6, #0094A3, #00654B, #002A36)
• Ancient Sapphire color palette (#EBF5ED, #90C0EF, #2664ED, #004E63, #13074E)
• Washed Denim Canyon color palette (#DEEBE1, #71A5BA, #005E8E, #00393C, #000A1F)
• Dusty Quarry color palette (#D9E5DC, #4C7EA3, #00387C, #001E26, #00000C)
• Azure Workshop color palette (#FFF0F9, #D6D8F3, #299FFB, #00755D, #1A0C68)
• Chalky Ember Hollow color palette (#FFE3F3, #D65B17, #007E9C, #7F3000, #001922)
• Hazy Grape color palette (#F8D8C6, #B15300, #00765D, #5D00CB, #1C0800)

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