Petrol Dune color palette — #ECF2FA · #A0C6F8 · #9C729B · #4F73A2 · #17141E
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF2FA): bright and airy, almost weightless.
- Sky (#A0C6F8): A luminous, balanced blue — the color of open sky before noon.
- Heather (#9C729B): A luminous, dusty pink — the color of peonies in June.
- Slate (#4F73A2): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#17141E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Petrol Thicket color palette (#EFF7F4, #94C6EF, #A0698A, #3A729D, #3A2829)
- Dusty Study color palette (#F0F1FA, #CFB5F6, #AE6E72, #7C649D, #1B131B)
- Weathered Cobalt Thicket color palette (#EAF4F7, #79D4E0, #717DBD, #1B808B, #11161F)
- Powder Drift color palette (#EDF1FF, #BFBBF7, #9177A9, #664265, #431632)
- Weathered Lilac color palette (#E6F7E9, #A2A3ED, #906795, #375B45, #282B3C)
- Wandering Market color palette (#EEF2F9, #DAD5DF, #B9AAB0, #77839C, #34363B)
- Ancient Coral color palette (#EFF6FC, #D4DCE8, #E59691, #68A3BD, #251A24)
- Iris Boulevard color palette (#EAF3FF, #658FE1, #925C45, #475226, #0E1D22)
Browse the whole catalog at Explore, or see today's palette.