Worn Petrol Canyon color palette — #EDF7FC · #D9C191 · #317D90 · #004B5A · #16242B

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

The five colors

• Ivory (#EDF7FC): bright and airy, almost weightless.
• Sand (#D9C191): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#317D90): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004B5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#16242B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Worn Petrol Canyon 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

• Wandering Cerulean color palette (#EEF6FF, #BDDAC2, #5C80A8, #364F6A, #252C34)
• Timeworn Cerulean Station color palette (#EAFAF0, #FFE2A5, #1E839B, #224030, #09120D)
• Misty Quarry color palette (#F0F5FF, #DCB560, #5060B7, #283276, #111A2D)
• Denim Dune color palette (#ECF7FF, #E0989B, #00587F, #073248, #1A1C26)
• Aged Hollow color palette (#E5FBF5, #FFC2D0, #6A99C7, #426D63, #142621)
• Hazy Marigold Grove color palette (#D2E8FA, #D2A333, #006191, #00314C, #00111E)
• Tempered Cerulean color palette (#F0F6FA, #8FCEEF, #8B85CB, #008CBC, #1D2337)
• Worn Delta color palette (#EDF7FF, #549CC3, #BA5C63, #706000, #0D3438)

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