Petrol Dune color palette — #F2E6DF · #96BEAA · #306CB0 · #004C40 · #130840
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E6DF): bright and airy, almost weightless.
- Sage (#96BEAA): A luminous, dusty teal — the color of sea glass.
- Slate (#306CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#130840): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Forest Meadow color palette (#F0E7E4, #83C0BF, #007794, #005017, #00162F)
- Tempered Cobalt color palette (#F7F1EC, #AED0C3, #5E7AB9, #005C57, #231642)
- Antique Petrol color palette (#F2EEE7, #88BACE, #006FA4, #004F53, #162E4D)
- Quiet Nightshade Dune color palette (#F3E8DC, #7BA1C3, #4148B2, #00393B, #120024)
- Pale Forest Parlor color palette (#FDEEEA, #BDD8BC, #0091B3, #00681F, #002648)
- Weathered Denim color palette (#F6E8E1, #4198A6, #004F74, #002D1C, #01001E)
- Timeworn Amethyst Lagoon color palette (#F3EBD6, #8F8000, #7A4AC6, #504700, #190036)
- Cypress Lantern color palette (#F6F0EC, #CAE2E2, #829DCB, #007C72, #462D3B)
Browse the whole catalog at Explore, or see today's palette.