Petrol Dune color palette — #DFECEB · #8DBAD5 · #0D71AC · #00495A · #00162F
A conversation between Slate and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFECEB): bright and airy, almost weightless.
- Sky (#8DBAD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0D71AC): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Dune 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
- Tempered Pier color palette (#DCEDE9, #80C1BD, #007A7F, #004C40, #001A1E)
- Worn Cobalt color palette (#EAF4F4, #ADCBE7, #527EB2, #005775, #0D203B)
- Muted Summit color palette (#F5EDE6, #8EBDAA, #2D68B0, #004F51, #23265B)
- Patina Harbor color palette (#EBF4F4, #D4D9EC, #7FA0C1, #4A7087, #25374D)
- Patina Cerulean Lantern color palette (#D5EEEB, #4C96A9, #005168, #002B2F, #00050A)
- Muted Olive color palette (#C9E9DD, #798900, #00788E, #424C00, #00151B)
- Frosted Olive color palette (#D3E8E2, #597700, #006D69, #723C00, #070D00)
- Fern Cabin color palette (#CFF4EC, #9ED09F, #65B891, #5C6610, #001F1B)
Browse the whole catalog at Explore, or see today's palette.