Petrol Dune color palette — #F7ECE7 · #76BECC · #00719A · #005142 · #0F2E52
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE7): bright and airy, almost weightless.
- Cyan (#76BECC): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#0F2E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Garden color palette (#DDEDEA, #67C3D4, #007791, #004B4D, #001924)
- Dusty Sapphire color palette (#F5EDE5, #87B8DD, #2C5FCF, #004F56, #2B284F)
- Cerulean Quarry color palette (#EEF0E4, #7ED3E4, #0095B4, #006B6E, #003345)
- Cobalt Loft color palette (#FDF3EC, #A4D1B8, #007FC2, #006058, #4C2F48)
- Soft Grove color palette (#FCF4EC, #9FD6FB, #2577F8, #00666B, #393A68)
- Tempered Lagoon Station color palette (#EFE3DE, #40A09F, #005362, #00321B, #001624)
- Dusty Atelier color palette (#FAECE3, #378BAC, #003E6D, #002221, #03002E)
- Hushed Azure color palette (#FAF4F0, #C8EAE7, #62A1C9, #3A7C70, #5E4B5D)
Browse the whole catalog at Explore, or see today's palette.