Petrol Dune color palette — #E7F0E9 · #9FB5B7 · #BD9BB6 · #008091 · #04190C
A conversation between Teal and Mauve, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0E9): a clean, paper-quiet neutral.
- Ash (#9FB5B7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mauve (#BD9BB6): A luminous, dusty pink — the color of neon signs at night.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#04190C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Canyon color palette (#E6F2EE, #B19EA1, #AA817E, #0068A3, #000D08)
- Softworn Pine color palette (#DDE2D6, #A2B5AE, #82A1C4, #00865C, #111608)
- Hushed Abyss Corridor color palette (#E6F0F5, #95A2AB, #687E98, #003D49, #000509)
- Muted Chapel color palette (#E1E8EC, #A1B8C8, #779AB7, #005C71, #021621)
- Ancient Indigo Workshop color palette (#E5DCE1, #D0BAB6, #C7A08B, #7C73C4, #2B1923)
- Denim Grove color palette (#E4F2EA, #BAD8CA, #83B2A3, #00576A, #000401)
- Hushed Azure color palette (#E0F2F4, #5997CF, #8469A9, #555300, #201F00)
- Turquoise Lantern color palette (#EDF9F2, #F3D7E2, #E6B9BE, #00A8CF, #26372E)
Browse the whole catalog at Explore, or see today's palette.