Petrol Pier color palette — #EFE6EC · #85BDD2 · #2A6DB2 · #004D3F · #110C3A
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#EFE6EC): a clean, paper-quiet neutral.
- Sky (#85BDD2): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2A6DB2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#110C3A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Pier 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
- Muted Forest Harbor color palette (#EDE6EE, #93BBC5, #007790, #0A4F09, #00172C)
- Wandering Cobalt Study color palette (#F8EFF3, #ADCCE3, #587BBC, #005C55, #211742)
- Petrol Archive color palette (#E7F2E9, #83BBCE, #0070A0, #004F51, #132F4D)
- Softworn Denim color palette (#ECE2E5, #76A2C4, #3D4FA3, #003939, #110026)
- Dusty Forest Basin color palette (#F8EEFA, #ACD8E4, #0091B1, #026817, #002647)
- Denim Lagoon color palette (#EBF0FF, #E4BAE3, #D08270, #00618E, #161332)
- Muted Basin color palette (#F6F0F3, #D7D1E6, #839FC1, #1D7B6E, #2D3550)
- Wandering Denim color palette (#E6DAE4, #5396A0, #004F73, #002D1B, #00001F)
Browse the whole catalog at Explore, or see today's palette.