Petrol Coast color palette — #E1F3F1 · #95B6CF · #1F6DA3 · #004D60 · #002E59
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E1F3F1): a clean, paper-quiet neutral.
- Ash (#95B6CF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#1F6DA3): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#002E59): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Weathered Cypress color palette (#E4F2EF, #91B9C3, #00777C, #005145, #00353B)
- Timeworn Canyon color palette (#ECF8F8, #AEC8E2, #437ABE, #005A7D, #26395F)
- Timeworn Sapphire Basin color palette (#EFE6EA, #88BBD9, #0167D1, #004B4D, #101131)
- Aged Boulevard color palette (#EDF0E6, #A3DBFF, #54ACF1, #008CAE, #0E2E52)
- Cerulean Thicket color palette (#D1E7E4, #529BB1, #00516B, #002F34, #001624)
- Worn Petrol color palette (#EFF7F7, #D8DBEC, #789DC4, #367793, #40546D)
- Misty Denim color palette (#C6EBEF, #007E65, #006594, #534F00, #00261D)
- Chalky Harbor color palette (#CFF1DB, #00A279, #006F58, #00473D, #002D36)
Browse the whole catalog at Explore, or see today's palette.