Petrol Pier color palette — #E2EFE5 · #8DA6A6 · #6B8F95 · #00707D · #040C06
Built around Teal, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E2EFE5): a clean, paper-quiet neutral.
- Blue Fog (#8DA6A6): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#6B8F95): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#040C06): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Antique Bloom color palette (#DBE4E9, #809099, #556F82, #003038, #000103)
- Tempered Petrol Quarry color palette (#E6F0EC, #B39EA3, #A98085, #10699C, #000D08)
- Aged Abyss color palette (#E8F1E9, #90ACA2, #957E8E, #004F53, #030C04)
- Ultramarine Courtyard color palette (#ECE3D0, #0088A0, #0056B1, #73010B, #000408)
- Hushed Denim Garden color palette (#D1EBF4, #6086B9, #67599E, #6A3B29, #1E1200)
- Frosted Indigo color palette (#DCEBF3, #00BBC1, #009DCA, #5469DE, #00040D)
- Gentle Emerald Studio color palette (#E8E4CA, #579C4C, #007549, #005451, #060600)
- Cobalt Orchard color palette (#E4DDE5, #CFB9BD, #BC9E9D, #4783C6, #261A27)
Browse the whole catalog at Explore, or see today's palette.