Petrol Dune color palette — #F1F7F2 · #A8CAB1 · #8373A5 · #007B89 · #3B2730
Teal and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Pistachio (#A8CAB1): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#8373A5): A full-bodied, dusty violet — the color of twilight just after sunset.
- Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3B2730): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged duotone, 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 Cobalt Atelier color palette (#F9F3F9, #A6C2E9, #A76878, #316CBB, #392927)
- Wandering Cobalt Basin color palette (#EDF3F7, #89CEF0, #6180C9, #147CA3, #0F1621)
- Misty Denim color palette (#DDFFE8, #98C8B6, #697EB2, #604E9A, #5E2E62)
- Patina Fern color palette (#F7F6E4, #88B39A, #6C73A3, #615C04, #304F45)
- Periwinkle Terrace color palette (#EFF7F3, #94DCFF, #789AE3, #3498C1, #342A32)
- Inked Aubergine color palette (#DAE8E0, #00667B, #3D005A, #00212A, #040008)
- Aged Navy color palette (#E8DAE6, #4F73C1, #75003F, #001592, #0C0003)
- Mulberry Studio color palette (#EAFAF2, #49AEDC, #9A2E96, #005E7F, #301218)
Browse the whole catalog at Explore, or see today's palette.