Petrol Dune color palette — #FFF2EE · #69A881 · #247295 · #713B41 · #30432A
Built around Slate, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Jade (#69A881): A luminous, balanced teal — the color of sea glass.
- Slate (#247295): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#713B41): A full-bodied, dusty red — the color of embers at dusk.
- Forest (#30432A): A deep, shadowed, dusty 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
- Antique Teal Bloom color palette (#FFF3E5, #40AAA8, #576798, #69450B, #294436)
- Antique Taupe Basin color palette (#FFF2EC, #9D9C4F, #1A796F, #643D66, #3D3E37)
- Misty Basin color palette (#E3F8E7, #60AD98, #00788B, #722157, #002830)
- Airy Corridor color palette (#F8F6E4, #7D933E, #5F589E, #673D00, #3B3200)
- Timeworn Market color palette (#FFF4E2, #74C3AD, #2395AB, #8A4B71, #2E442A)
- Antique Harbor color palette (#F6F6E8, #A5B693, #318087, #605D0B, #324C08)
- Denim Hollow color palette (#FFDCCF, #009278, #005494, #631E00, #003033)
- Cypress Boulevard color palette (#FBF4EF, #C4E6D4, #668DBC, #007362, #5D3B51)
Browse the whole catalog at Explore, or see today's palette.