Petrol Pier color palette — #D8E4DA · #7BC0BC · #008490 · #005C42 · #00242E
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Bone (#D8E4DA): a clean, paper-quiet neutral.
- Mint Leaf (#7BC0BC): A luminous, dusty teal — the color of sea glass.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242E): 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
- Washed Bloom color palette (#E7F0E9, #6EBEDA, #007DB4, #00595B, #001F41)
- Washed Lagoon Courtyard color palette (#F6F7E6, #9ADAD6, #008B91, #005346, #001013)
- Spruce Archive color palette (#EFE7F0, #51B0AC, #006177, #034209, #00203C)
- Pine Studio color palette (#F2E3DB, #AACAA8, #00A3BC, #00824A, #002334)
- Weathered Azure color palette (#E9FBEC, #73DAFF, #0096D9, #007275, #053362)
- Turquoise Terrace color palette (#F0F8F1, #97ECED, #00AEC6, #00856A, #00475D)
- Muted Terrace color palette (#DBE7DD, #6398C6, #0049CA, #003948, #05002C)
- Timeworn Terrace color palette (#FBEED6, #966C00, #00787F, #862095, #1A1000)
Browse the whole catalog at Explore, or see today's palette.