Petrol Dune color palette — #F9F6E4 · #AAC999 · #6EA081 · #267998 · #484C00
Slate and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#AAC999): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#6EA081): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#267998): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#484C00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Wandering Harbor color palette (#F4F7EB, #8FBF98, #409CA3, #436B9C, #44423B)
- Ancient Veranda color palette (#E8FAF2, #C6EB9D, #7AB187, #487B8C, #2B4541)
- Hushed Lagoon Pier color palette (#FFF3E8, #ACAB75, #388869, #6F4B6D, #4F4A00)
- Faded Denim color palette (#F0F1D5, #3FB8A0, #00888D, #3B4E9C, #20371A)
- Straw Terrace color palette (#FFF1F6, #D2D784, #84BCA7, #9C80A4, #364D48)
- Bronze Boulevard color palette (#F8F5ED, #D8D2B5, #A19D79, #937A33, #5B4C00)
- Softworn Fern color palette (#F1F4E4, #7DA978, #50601B, #383C00, #22221A)
- Softworn Canyon color palette (#EFF2D4, #00948D, #006471, #340F94, #001B1B)
Browse the whole catalog at Explore, or see today's palette.