Petrol Coast color palette — #EFE6EB · #7EBED4 · #0071AF · #004C45 · #061335
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#EFE6EB): bright and airy, almost weightless.
- Sky (#7EBED4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#061335): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Ancient Cobalt Harbor color palette (#FAEEF3, #A0CFE9, #437DC5, #005B5D, #151F39)
- Linen Ultramarine color palette (#EADCE1, #71A2C9, #234BBD, #00383F, #0C002C)
- Softworn Lilac Field color palette (#DBF1FF, #AFCCFF, #B885DC, #006962, #021729)
- Worn Orchard color palette (#C5ECE5, #009BA1, #006073, #003955, #000F32)
- Hushed Hollow color palette (#F6EFF3, #D7D1E6, #79A0C8, #247977, #2D3648)
- Azure Parlor color palette (#C1E4FF, #2698E3, #005F8D, #002E47, #00040B)
- Weathered Terracotta Boulevard color palette (#D3E2EC, #007794, #A52F00, #684400, #000D13)
- Softworn Denim Alley color palette (#F1E6EF, #4E979F, #00516A, #002D20, #00040E)
Browse the whole catalog at Explore, or see today's palette.