Petrol Coast color palette — #E1FEE7 · #91CFDE · #59B2CD · #0081A7 · #32584A
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E1FEE7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#91CFDE): A luminous, dusty blue — the color of deep harbor water.
- Cyan (#59B2CD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0081A7): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#32584A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Cobalt Garden color palette (#DFFEEC, #91CAE8, #62A7D3, #3684BA, #644C68)
- Dusty Lagoon color palette (#EFFBDA, #9AD0B5, #59B79B, #008776, #3F5539)
- Tempered Petrol Harbor color palette (#DCFEF2, #BBE2FF, #6FAAD4, #076D9C, #11405B)
- Ancient Cerulean color palette (#EBF9F2, #97CDE5, #CBA0CD, #029AC5, #5E425F)
- Aged Jade Canyon color palette (#E8FBF0, #6FBED9, #A29DD6, #54A676, #2E493B)
- Turquoise Pier color palette (#EBF9F3, #EAD4D1, #B7A594, #6CA7C0, #3C534C)
- Faded Alley color palette (#DCF4FF, #1BBDFC, #0097DB, #006BB2, #0C407C)
- Ultramarine Hollow color palette (#D1E4F8, #75A9EA, #5685E2, #364DBC, #2B3067)
Browse the whole catalog at Explore, or see today's palette.