Petrol Coast color palette — #E8F4FB · #72C0D8 · #C88C70 · #007F99 · #412737
Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F4FB): bright and airy, almost weightless.
- Sky (#72C0D8): A luminous, balanced blue — the color of deep harbor water.
- Camel (#C88C70): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#007F99): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#412737): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Coast 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
- Antique Taupe Meadow color palette (#E1F7F9, #87C1AD, #C885A0, #35816B, #392A42)
- Wandering Powder color palette (#EAF3FD, #8BB7E7, #BB9560, #4D759F, #1D391E)
- Hushed Villa color palette (#EEF8F1, #7CBBCB, #C28972, #008096, #743C10)
- Muted Cerulean Boulevard color palette (#EAFAF0, #93CFE1, #DDA08F, #009CBC, #6B4034)
- Tempered Ash Quarry color palette (#E4F5FF, #D5D7E5, #BAA4A8, #6C98A6, #2F3D4A)
- Hushed Turquoise Villa color palette (#E4F5FF, #4FA9CB, #B17A97, #7F7B3E, #122A38)
- Tempered Studio color palette (#E7F4FF, #37B1FC, #A76000, #006192, #331900)
- Weathered Driftwood Delta color palette (#EBF5EC, #A9C3B1, #6D8C6E, #704C5B, #1D3128)
Browse the whole catalog at Explore, or see today's palette.