Petrol Coast color palette — #EAFAF0 · #E3ABC5 · #B7856C · #387698 · #534055
Built around Slate, softened by Carnation — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
- Carnation (#E3ABC5): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#B7856C): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#387698): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#534055): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Petrol Grove color palette (#EBFAEC, #E3B0A0, #A0925A, #6667A4, #593F4A)
- Patina Cypress Delta color palette (#E9FAF3, #C3B4E8, #B68094, #008075, #48445D)
- Aged Taupe Lantern color palette (#FDF5DF, #FFCDDE, #CB9471, #587C69, #4D3A35)
- Denim Bloom color palette (#F5F3FF, #DDD3E1, #B9A0AB, #6B8492, #434E65)
- Hushed Bronze Chapel color palette (#FFF3E6, #D6948A, #A16745, #52602E, #4D4642)
- Weathered Studio color palette (#FBEDF7, #CD867B, #695059, #40333D, #251F27)
- Weathered Denim Workshop color palette (#DEF6E1, #D98A75, #8E7500, #424C9A, #452434)
- Muted Lagoon color palette (#FCF1FC, #F8D1DF, #EFBB9A, #D6AD57, #5A3A4F)
Browse the whole catalog at Explore, or see today's palette.