Petrol Dune color palette — #EDF7FD · #D2B5D4 · #2F657C · #173D52 · #212631
Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF7FD): a clean, paper-quiet neutral.
- Lavender (#D2B5D4): A luminous, dusty pink — the color of peonies in June.
- Peacock (#2F657C): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#173D52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#212631): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Hushed Denim Field color palette (#F1F5FC, #AEC8AF, #485E85, #24385B, #252C35)
- Petrol Orchard color palette (#EFF6F9, #98C9DC, #926D9D, #007B88, #2E2C3A)
- Petrol Coast color palette (#ECF4EE, #D7C09C, #006E7D, #213728, #0C1710)
- Ancient Cerulean color palette (#EDF7FC, #E3CFA5, #468995, #2D5362, #242D31)
- Hushed Ash color palette (#ECF9F4, #FFCFD9, #76A4CA, #5A736C, #222E2B)
- Timeworn Coral color palette (#EDF6FF, #D98B6E, #004C79, #002944, #0F1128)
- Hushed Orchard color palette (#E8FAF3, #6DB4C3, #756EA7, #555F25, #364A5B)
- Amber Market color palette (#D2E0EF, #BE7A49, #003666, #001630, #040315)
Browse the whole catalog at Explore, or see today's palette.