Petrol Dune color palette — #FFF0FB · #DCD2DA · #A0B8EE · #5568AC · #1D2B4E
Built around Slate, softened by Sky — the whole palette hums with creativity and calm.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Silver (#DCD2DA): a clean, paper-quiet neutral.
- Sky (#A0B8EE): A luminous, balanced violet — the color of wild irises.
- Slate (#5568AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Midnight (#1D2B4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Aged Powder Studio color palette (#EFF6FF, #DFD5F2, #9EB9FF, #7283B8, #293954)
- Tempered Boulevard color palette (#DDFEF5, #BBE4E9, #8AB0E1, #376AA2, #3D2440)
- Aged Pewter color palette (#FFF1F5, #EBD8DF, #C69CD2, #7D538F, #341C3D)
- Tempered Petrol Basin color palette (#DFFEEC, #D8DAEA, #6CB8D4, #00778B, #063522)
- Muted Iris Terrace color palette (#FFEBFA, #B8CBFF, #7489C1, #404D72, #2C1527)
- Hushed Powder color palette (#FCF1FC, #E7D8D6, #8EC1DC, #A9B2A9, #5F4B59)
- Soft Aubergine color palette (#FFF1F5, #E0C4FF, #A46EC6, #692089, #1C002D)
- Worn Hollow color palette (#FAF3F6, #E2DAE3, #E09B81, #9A8BE1, #2A1A11)
Browse the whole catalog at Explore, or see today's palette.