Petrol Dune color palette — #EEF8F2 · #EEB5A4 · #1A7E98 · #004A5C · #17251E
Cerulean and Rose Quartz set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Rose Quartz (#EEB5A4): A whisper-light, dusty orange — the color of toasted spice.
- Cerulean (#1A7E98): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#17251E): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Muted Petrol color palette (#FAF2F9, #DDBF93, #5772A0, #2D4267, #2A1C29)
- Tempered Stone Veranda color palette (#ECF7FB, #9ABA7F, #005D62, #003441, #131C27)
- Timeworn Field color palette (#D5EAE3, #FC8458, #006191, #00314D, #00111F)
- Cerulean Corridor color palette (#F0F7F5, #DDD5D2, #ADA594, #5996C5, #3B4C47)
- Dusty Celadon Lagoon color palette (#EDF9EE, #C5E19E, #59A3A4, #536A54, #1A251A)
- Washed Lilac Courtyard color palette (#EFF8F1, #91D0DE, #B273C2, #0090A5, #301E22)
- Muted Loft color palette (#FBF2FA, #7593CE, #9E5991, #6E5500, #193221)
- Tempered Bronze Meadow color palette (#E8FAF0, #57ABC7, #BB7797, #956300, #20392C)
Browse the whole catalog at Explore, or see today's palette.