Petrol Dune color palette — #EDFCD4 · #B8F2FF · #72C2C3 · #188094 · #00415F
Cerulean and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#EDFCD4): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#B8F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mint Leaf (#72C2C3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#188094): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00415F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Tempered Drift color palette (#CBFFFC, #00C7E7, #0087B8, #004071, #05004D)
- Soft Lagoon Market color palette (#D4FFFF, #8AD1C2, #1D9697, #00687C, #004A69)
- Aged Lagoon color palette (#FFF6D1, #B9EED5, #8CBC91, #368A72, #004442)
- Navy Hollow color palette (#DDFFE7, #DEDDED, #86B5DF, #5C73A6, #3D3574)
- Misty Azure color palette (#FEF6D5, #D4E1B6, #7BCCCA, #359FCA, #2B4880)
- Weathered Lagoon color palette (#CBE9DE, #008D85, #004651, #00151D, #000103)
- Muted Teal Meadow color palette (#EDF9ED, #51C2C2, #455A4E, #242E24, #0D110B)
- Hushed Glacier Thicket color palette (#D6FFF8, #51F0FB, #00A4C7, #005E8B, #002259)
Browse the whole catalog at Explore, or see today's palette.