Petrol Dune color palette — #FFF2EC · #57A997 · #2F7194 · #733C2E · #2F4331
A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Turquoise (#57A997): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#2F7194): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#733C2E): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2F4331): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Cobalt Market color palette (#FFF3E5, #6CB5BF, #6176A6, #70542C, #334F43)
- Wandering Garnet Balcony color palette (#FFF2EA, #86A269, #007A73, #713659, #3C3E37)
- Lagoon Atelier color palette (#ECFAEB, #229B98, #795281, #6F3430, #572A00)
- Pale Navy Market color palette (#FFDDC6, #008E94, #004DA9, #572A00, #002E3B)
- Softworn Summit color palette (#FBF4EB, #B3B386, #617D50, #4F5F48, #514100)
- Patina Courtyard color palette (#FFF4DB, #0099C8, #5D48BC, #504500, #0D375D)
- Ancient Aubergine Courtyard color palette (#E1F7F5, #4EACB7, #007699, #503579, #042734)
- Hushed Cypress color palette (#FCF3EB, #BEE7D9, #748AB3, #006F78, #434368)
Browse the whole catalog at Explore, or see today's palette.