Petrol Dune color palette — #EDF0E0 · #6DACC3 · #006F97 · #004952 · #001625
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF0E0): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#6DACC3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001625): 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
- Hushed Cypress Boulevard color palette (#E5E5D8, #8CAC8A, #00757A, #004B40, #00181B)
- Tempered Petrol Summit color palette (#DEF3F1, #64C5E8, #00709A, #003C46, #000307)
- Hushed Cobalt Canyon color palette (#DDE1D5, #90BCAD, #2378C0, #00556F, #001D47)
- Washed Denim color palette (#EFE4DD, #569AB2, #004D7E, #00302D, #040941)
- Faded Cobalt Corridor color palette (#ECDBE4, #4EBFE4, #0089D7, #006E66, #030C3C)
- Patina Market color palette (#EEEFE7, #ABCEBA, #0093BE, #006A74, #003249)
- Softworn Drift color palette (#F5F7E9, #A3E9F3, #00ADCC, #008282, #00475B)
- Hushed Pier color palette (#F4F6F0, #CCE2E4, #C4A5C7, #3A91B7, #5F4B5D)
Browse the whole catalog at Explore, or see today's palette.