Petrol Pier color palette — #E2E5D3 · #5EAFC0 · #00728B · #004A4C · #001721
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2E5D3): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#5EAFC0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001721): A deep, shadowed, dusty 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 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 Grove color palette (#EFF2E7, #85BAD4, #167DB2, #005767, #00213B)
- Aqua Thicket color palette (#E4F1EF, #59C8DF, #00738D, #003D40, #000306)
- Wandering Denim Atelier color palette (#EFE2DB, #6199A5, #005070, #003128, #001330)
- Cerulean Workshop color palette (#F4F8E3, #92D6EF, #0099CC, #00707E, #003754)
- Patina Lantern color palette (#F4F6EF, #BAE8ED, #80A9D3, #48839C, #583D58)
- Tempered Harbor color palette (#F9E7E6, #F08AA8, #D2666C, #7C3170, #2A0214)
- Frosted Cocoa Canyon color palette (#FCDFCD, #AF6938, #873600, #5A1300, #150700)
- Soft Raspberry Lagoon color palette (#FFD8DA, #BE369F, #885C00, #790063, #180D00)
Browse the whole catalog at Explore, or see today's palette.