Petrol Dune color palette — #FFF1F5 · #F8C9D1 · #E19DB2 · #5B5F9B · #543139
Slate and Ballet Pink set the tone — five colors that lean into creativity and warmth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Shell Pink (#F8C9D1): A whisper-light, dusty red — the color of a theater curtain.
- Ballet Pink (#E19DB2): A luminous, balanced rose — the color of strawberry cream.
- Slate (#5B5F9B): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#543139): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
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
- Patina Mallow color palette (#FFEFFF, #D8DEFF, #C4A0DE, #38728C, #52394B)
- Worn Petrol Quarry color palette (#FFECF5, #F2CFC0, #E4AC9B, #326AB0, #37151D)
- Stone Loft color palette (#FFF1F3, #E3D8D1, #EAACAC, #8A79A6, #62494B)
- Mulberry Lantern color palette (#FFF1F6, #FFC1C8, #EB8254, #883F90, #5C2131)
- Dusty Nightshade Lagoon color palette (#FCE5EB, #DDA5CA, #C36371, #503B91, #3E1921)
- Washed Lilac Atelier color palette (#F3F4FF, #E6D4E6, #F9BAB0, #979BDA, #3E3A51)
- Terracotta Balcony color palette (#FFE7DB, #F8BF96, #B99E63, #8A4856, #512C1C)
- Dusty Taupe Boulevard color palette (#FEE8E9, #B59758, #5E3051, #36112D, #1F0D05)
Browse the whole catalog at Explore, or see today's palette.