Petrol Dune color palette — #D1E7FF · #006AB6 · #7D4B00 · #004A1B · #00203D
Royal Blue takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D1E7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#006AB6): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#7D4B00): A full-bodied, balanced gold — the color of old brass.
- Forest (#004A1B): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.
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
- Pale Alley color palette (#D3E7FF, #0063CE, #605B00, #004647, #051E40)
- Feathered Brick Balcony color palette (#CFE8FF, #006DAA, #A80806, #423F00, #002139)
- Muted Atelier color palette (#DFE7FF, #634DE8, #783600, #003C34, #0C2235)
- Hushed Quarry color palette (#EFECFC, #96529B, #6A6300, #004F53, #282337)
- Patina Field color palette (#E5E9FC, #5B21BA, #005214, #002D40, #0F0526)
- Faded Violet Lagoon color palette (#F1F5FF, #7D6BFF, #276700, #00564F, #212947)
- Iris Corridor color palette (#F1F5FF, #7F8ACF, #6C8A50, #50683A, #373D4B)
- Tempered Cabin color palette (#DEDAF3, #A144B3, #1E5100, #003A2A, #1C1532)
Browse the whole catalog at Explore, or see today's palette.