Petrol Pier color palette — #D8EDF2 · #007E99 · #003C4A · #001418 · #000406
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8EDF2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007E99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001418): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Smoked Orchard color palette (#DDEAFA, #006DBA, #002B4E, #1B1620, #000813)
- Antique Study color palette (#D9F5FF, #00AEC9, #00849B, #00505F, #000203)
- Cerulean Coast color palette (#E2F4F8, #0098B3, #006073, #002832, #000304)
- Twilit Loft color palette (#D3E5E0, #006CB2, #5C0047, #002847, #060003)
- Hushed Ridge color palette (#E9E1D0, #C86300, #007E9F, #070E17, #000201)
- Shadow Cocoa color palette (#DDF8E7, #004D5B, #5A2300, #172000, #000608)
- Ancient Indigo Field color palette (#D9ECDC, #38AEEE, #686BE6, #004A37, #001B23)
- Lowlit Meadow color palette (#E6ECFF, #3C60DF, #00208D, #010045, #000211)
Browse the whole catalog at Explore, or see today's palette.