Petrol Dune color palette — #F4F7E7 · #6BC4EA · #0077A7 · #005461 · #003658
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#6BC4EA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aged Petrol color palette (#EEF0E3, #95BCA1, #00748C, #004F51, #003344)
- Hushed Cobalt Boulevard color palette (#FFEEE2, #3FCCFD, #0075C3, #00524E, #090E4C)
- Cerulean Ridge color palette (#F5F6E9, #9ADCDF, #00909F, #006760, #004856)
- Denim Hollow color palette (#E1E5D7, #66A8CB, #005D8D, #003C4A, #00203E)
- Hushed Cornflower Workshop color palette (#FFF0F8, #79D9FF, #0091EF, #00736E, #202E62)
- Patina Azure Cabin color palette (#F4F6F0, #C4E8EB, #6F9ECA, #3F778C, #5D4C5E)
- Hushed Lagoon color palette (#E9E9D9, #509E9E, #00545A, #00302A, #00181C)
- Antique Periwinkle Loft color palette (#FFF2EA, #A7E4FF, #6FACFF, #009987, #2F2766)
Browse the whole catalog at Explore, or see today's palette.