Petrol Pier color palette — #DEEDEA · #7DC0CA · #00788E · #004B4B · #001923
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DEEDEA): a clean, paper-quiet neutral.
- Ash (#7DC0CA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Tempered Cabin color palette (#DFECEC, #88BADE, #006EBB, #00485E, #001435)
- Tempered Denim color palette (#E0EDEC, #72A4BD, #005E8C, #003844, #000B1A)
- Cerulean Archive color palette (#EEF0DF, #8AD2DD, #0096B1, #006C6B, #003343)
- Ancient Lagoon color palette (#D3E5E1, #3B9B98, #005458, #002C25, #000507)
- Muted Driftwood color palette (#DBEFE4, #8A8B44, #605600, #3D2F00, #00130C)
- Mulberry Delta color palette (#F3E3DA, #A64F00, #596600, #880060, #1A010F)
- Terracotta Canyon color palette (#FFE0F2, #EDB992, #D49B47, #983A2D, #2B1100)
- Frosted Villa color palette (#FFE0D3, #E37738, #943B00, #431900, #0B0200)
Browse the whole catalog at Explore, or see today's palette.