Petrol Coast color palette — #EAF8F8 · #BFD7EF · #6D98CF · #0075A1 · #283A5D
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF8F8): a clean, paper-quiet neutral.
- Powder Blue (#BFD7EF): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#6D98CF): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0075A1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#283A5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Tempered Turquoise Drift color palette (#EEF8F6, #B7DBE9, #19A7BF, #007C79, #004252)
- Aged Petrol Workshop color palette (#E2F2F0, #73ABBD, #007092, #004950, #001623)
- Cobalt Thicket color palette (#FBF3F5, #A8C9E9, #5973C0, #005E6A, #3A3459)
- Rose Pier color palette (#E0E2FF, #A584CA, #D45C72, #0080BB, #332244)
- Cerulean Harbor color palette (#EFF7F7, #D8DBEA, #8EB5DF, #508FAC, #435469)
- Weathered Lagoon color palette (#ECEDFF, #B896DC, #00A8BD, #8F47CA, #003D46)
- Ancient Iris Dune color palette (#F5F3FF, #FDCEF2, #E4ACC2, #9A73BB, #423957)
- Grape Parlor color palette (#E1DDFE, #AF9BE5, #9663CD, #7E3BA6, #502D57)
Browse the whole catalog at Explore, or see today's palette.