Petrol Dune color palette — #F9F3F9 · #D6B3D4 · #AB6A52 · #446CAE · #332C28
Slate takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Carnation (#D6B3D4): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#AB6A52): A full-bodied, balanced orange — the color of sun-warmed clay.
- Slate (#446CAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#332C28): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged duotone, 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
- Weathered Canyon color palette (#F0F7F3, #96C9E0, #A96964, #00789C, #332C29)
- Tempered Pewter color palette (#FAF3F5, #DEB2C1, #848047, #7F59A0, #302E27)
- Tempered Raspberry Meadow color palette (#EFF2F8, #BDBCFA, #BA608D, #6B67AF, #18131C)
- Muted Summit color palette (#FAF3F7, #CCCCFA, #D17BAB, #8582CD, #392929)
- Cypress Field color palette (#F3F8E9, #BE9AB9, #946683, #13675F, #593F4B)
- Mulberry Veranda color palette (#FDF2F3, #CD9CC8, #866C00, #922E8D, #2D220D)
- Mulberry Market color palette (#FFF0FE, #BFBAE6, #A16D9A, #913853, #73320C)
- Frosted Aubergine color palette (#F6E3E7, #935EA3, #4E3C00, #500061, #050300)
Browse the whole catalog at Explore, or see today's palette.