Dusty Petrol color palette — #E5F4FF · #81BDD9 · #C78C70 · #337B99 · #432637

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Frost (#E5F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#81BDD9): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C78C70): A luminous, balanced orange — the color of toasted spice.
• Slate (#337B99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#432637): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Hushed Cypress color palette (#E3F6F9, #74C5B6, #C58896, #008475, #3D2744)
• Tempered Petrol color palette (#EAF3FF, #9AB4E1, #B39865, #5672A2, #1E3823)
• Petrol Alley color palette (#ECF9F3, #82B9D3, #C48969, #007DA5, #68432F)
• Dusty Cerulean color palette (#E7F4FF, #D5D6E4, #B1A09B, #648D9E, #2E3A45)
• Dusty Cerulean Dune color palette (#EBF9F2, #A0D1BB, #DFA179, #0099C9, #524C47)
• Turquoise Balcony color palette (#E6F4FF, #63A5CC, #B27B8F, #767E47, #172937)
• Washed Driftwood color palette (#EAF5EC, #A0C5B1, #698D72, #6B4F58, #1A322A)
• Timeworn Atelier color palette (#ECF2FD, #A8CFB0, #516280, #24314A, #0F141C)

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