Petrol Dune color palette — #F8F3D6 · #5DA6CD · #6C609F · #414D04 · #2D1B2E
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F3D6): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#5DA6CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6C609F): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#414D04): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#2D1B2E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. 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
- Aged Turquoise color palette (#FFEFDC, #3CADBD, #5069A4, #613E00, #0A291E)
- Driftwood Drift color palette (#F3F4DF, #97ABD7, #8F6893, #365C41, #372630)
- Dusty Mulberry Station color palette (#E6F6EE, #3B99BD, #91496C, #3F4600, #002613)
- Hazy Garnet Delta color palette (#FFF2ED, #8A92CF, #735B9A, #84283B, #523144)
- Washed Corridor color palette (#E1FCF5, #6ABDE2, #827CC1, #616A00, #273F58)
- Misty Mulberry Villa color palette (#F7F4CE, #8E7FE8, #A12775, #004A3C, #260F35)
- Softworn Cypress color palette (#F7F1EA, #C5E4DB, #778CBE, #066A77, #3E2132)
- Fern Boulevard color palette (#C8F7E4, #BFA7B7, #977A7E, #656316, #31322C)
Browse the whole catalog at Explore, or see today's palette.