Petrol Dune color palette — #E7F1EF · #91B8C8 · #007589 · #00504F · #003343
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1EF): a clean, paper-quiet neutral.
- Ash (#91B8C8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): 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
- Timeworn Petrol Lagoon color palette (#F0E6ED, #7AC0CB, #00759B, #004D3C, #00162F)
- Feathered Petrol color palette (#E1F3F2, #8DB7D6, #006BB6, #004C64, #072C5D)
- Ancient Teal Lantern color palette (#CEE6E4, #00A8AE, #006D7A, #004956, #003240)
- Linen Archive color palette (#F7ECE7, #83D3DF, #0093C0, #006E56, #0E2F4F)
- Abyss Canyon color palette (#DDEDEB, #56889D, #00425D, #002127, #000A15)
- Frosted Coast color palette (#C9E3F0, #008DA8, #8B45AE, #005262, #3B104F)
- Worn Basin color palette (#D7ECF5, #007988, #4850B4, #095E10, #00242A)
- Hushed Quarry color palette (#D7EAD5, #A08251, #774B00, #532C00, #2F2200)
Browse the whole catalog at Explore, or see today's palette.