Petrol Pier color palette — #E4F2EF · #7CBFC0 · #007680 · #005048 · #00343E
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2EF): a clean, paper-quiet neutral.
- Mint Leaf (#7CBFC0): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007680): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Workshop color palette (#F1E5ED, #92BBC8, #007791, #004E33, #001829)
- Patina Cerulean color palette (#EDF8F6, #9FCDE0, #328498, #005F60, #004155)
- Pale Turquoise color palette (#EFF0E2, #96E3E4, #00BAC9, #009284, #00343E)
- Muted Veranda color palette (#EEF8F6, #CFDFF2, #65A5B1, #3B7B76, #3C5765)
- Antique Lilac Alley color palette (#E9F0FF, #C0BAF2, #B490D4, #3E588C, #2D2B4E)
- Tempered Denim Orchard color palette (#D6ECEA, #6795B6, #004B83, #002D3D, #001232)
- Navy Loft color palette (#C9E0FE, #4B7ECB, #007E53, #00439A, #00321E)
- Antique Sapphire Canyon color palette (#DDE6FF, #445ADB, #982483, #00585F, #131B41)
Browse the whole catalog at Explore, or see today's palette.