Petrol Coast color palette — #E7F6EE · #7FBED5 · #C38F6E · #327C94 · #36302B
Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F6EE): a clean, paper-quiet neutral.
- Sky (#7FBED5): A luminous, dusty blue — the color of deep harbor water.
- Camel (#C38F6E): A luminous, dusty gold — the color of honey in a jar.
- Slate (#327C94): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#36302B): a grounded near-black with real depth.
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
- Tempered Petrol color palette (#EBF9F2, #83B9D1, #C58967, #007EA4, #524C47)
- Aged Cypress Loft color palette (#EEF4E8, #86C2AE, #C88792, #30826B, #4B251C)
- Timeworn Courtyard color palette (#FCEDF5, #AFADDF, #B39863, #6D69A5, #34302A)
- Muted Atelier color palette (#E2F8EE, #58A7CB, #B48156, #9A6D47, #172C24)
- Antique Boulevard color palette (#EDF6FF, #A6C9E8, #E09E90, #4594CA, #6B4037)
- Azure Dune color palette (#D7FBF0, #0DA0F4, #AC7700, #006096, #2E1D00)
- Worn Petrol color palette (#F7EFF5, #D4C19C, #516087, #3F283C, #1B1019)
- Dusty Driftwood color palette (#E5F7ED, #F0D5CE, #DEBCAD, #7C9071, #453947)
Browse the whole catalog at Explore, or see today's palette.