Petrol Coast color palette — #EFF0E3 · #5FB0BD · #007289 · #004A4B · #001720
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF0E3): bright and airy, almost weightless.
- Cyan (#5FB0BD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007289): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A4B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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 Ultramarine Alley color palette (#EAEEE2, #79A7CD, #0067B9, #00465F, #001135)
- Aqua Basin color palette (#DFF3F0, #5AC8DC, #00738B, #003E3F, #000305)
- Iris Villa color palette (#D2F0FF, #70B7ED, #618BD7, #006C7D, #001D2D)
- Softworn Corridor color palette (#D7F3FF, #009AC8, #005E78, #002835, #000204)
- Cerulean Balcony color palette (#EEF0E3, #AACFB2, #0D96AD, #006C6A, #003442)
- Olive Pier color palette (#DCE9DF, #008796, #686C00, #004F58, #101100)
- Dusty Turquoise color palette (#F6F6E8, #9BECEA, #00B0BB, #008474, #004953)
- Hushed Grape Basin color palette (#C1E7F3, #00728A, #5937C8, #005A2E, #00090E)
Browse the whole catalog at Explore, or see today's palette.