Petrol Dune color palette — #FFF0FB · #DFD2FF · #C29CC1 · #366E99 · #523445
Built around Slate, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Thistle (#DFD2FF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#C29CC1): A luminous, dusty pink — the color of neon signs at night.
- Slate (#366E99): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#523445): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged pastel, 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
- Wandering Thicket color palette (#DEFEED, #B1DAFE, #A2A9D5, #1C7578, #224B3D)
- Tempered Petrol color palette (#FCECFC, #FFCFE0, #E1A6AF, #00768B, #231C3C)
- Ancient Alley color palette (#FFF0F7, #E5D7D4, #E9BBB9, #6C7EA8, #624851)
- Dusty Cerulean Summit color palette (#EFF6FF, #DBDAFF, #F2ABBD, #009BBC, #384062)
- Softworn Navy color palette (#F9DCEF, #BB9EDF, #AE6D9A, #1A4990, #2C1F48)
- Grape Alley color palette (#FCF1FF, #FFC1EB, #F77E8B, #694DB3, #4D244E)
- Pewter Loft color palette (#FFF1F1, #EFD4CA, #F1A37C, #945B9D, #5C333F)
- Aubergine Thicket color palette (#ECDAE7, #C18596, #A15C48, #47145E, #1D0111)
Browse the whole catalog at Explore, or see today's palette.