Dusty Petrol Coast color palette — #E9F3FF · #93B6E2 · #C68D71 · #4974A7 · #442638

Built around Slate, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#93B6E2): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C68D71): A luminous, balanced orange — the color of toasted spice.
• Slate (#4974A7): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#442638): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty Petrol Coast 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

• Timeworn Villa color palette (#EDF7FF, #8BB6D5, #C08D54, #177AB2, #64414E)
• Cobalt Meadow color palette (#EDF1FF, #ADADE5, #B8965C, #6B68AA, #1F3823)
• Timeworn Delta color palette (#E3F6FA, #7BC3B9, #C48B89, #2B8178, #41263F)
• Softworn Azure Ridge color palette (#E9FAF3, #9BCCE9, #D9A66F, #0098D2, #524C46)
• Tempered Veranda color palette (#E8F3FF, #71A1CE, #AA865D, #94714A, #17293A)
• Patina Ash Drift color palette (#E8F4FE, #DBD6E3, #D7B9D0, #6A99A2, #333E4F)
• Ancient Denim Atelier color palette (#EEF2F9, #9FD0BD, #535F89, #273145, #10141C)
• Hushed Driftwood Pier color palette (#E8F6ED, #A5C3B9, #688D76, #6B4F5A, #163130)

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