Petrol Dune color palette — #F6EAF2 · #84C4C2 · #007487 · #004024 · #000306
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6EAF2): a clean, paper-quiet neutral.
- Mint Leaf (#84C4C2): A luminous, dusty teal — the color of sea glass.
- Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004024): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Antique Workshop color palette (#F7EAF0, #82BFE3, #2366B9, #003D3F, #020013)
- Weathered Cobalt color palette (#FCF2F9, #94D9E5, #0085B3, #005342, #000C20)
- Lagoon Delta color palette (#EFF0E4, #69C1BF, #00959C, #006E5F, #00181C)
- Aged Lagoon Balcony color palette (#D9F3ED, #2E9C98, #005458, #002C25, #000507)
- Softworn Drift color palette (#D7E7DA, #54AC5A, #00622A, #001D07, #000200)
- Turquoise Veranda color palette (#CEFBF4, #92D7BE, #00B5D7, #605400, #000601)
- Hushed Olive Market color palette (#F3EDD9, #7D8400, #446300, #033305, #000301)
- Ancient Azure Terrace color palette (#FFF0FB, #C3FAFF, #00A9D6, #007557, #002644)
Browse the whole catalog at Explore, or see today's palette.