Petrol Dune color palette — #F4E3EF · #5BC4DA · #0071AD · #004D37 · #0B1233
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F4E3EF): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#5BC4DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0B1233): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Cobalt color palette (#FAEEF5, #98D1E7, #407FC1, #005D4D, #151F3A)
- Tempered Lantern color palette (#DFF4F1, #8AB9CF, #00748F, #004F53, #003346)
- Feathered Ultramarine color palette (#EFE2E7, #45A8D7, #1E52AE, #003A35, #0D002A)
- Lagoon Study color palette (#F6E8F5, #009D9F, #005168, #002E0E, #00040F)
- Ancient Navy Harbor color palette (#EAD9E1, #0084AD, #00387D, #00201B, #010009)
- Lapis Terrace color palette (#D9F8E4, #967E00, #5857D1, #544500, #0D0737)
- Chartreuse Canyon color palette (#D2F5D6, #A5D986, #27BDB3, #7F421E, #00231A)
- Powdered Lapis color palette (#EFEDD2, #766D00, #584BB1, #65227D, #0D0B00)
Browse the whole catalog at Explore, or see today's palette.