Petrol Pier color palette — #D3FFFE · #9CDBC6 · #67AFAC · #1C7B8B · #00516D
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D3FFFE): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#9CDBC6): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#67AFAC): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#1C7B8B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00516D): A full-bodied, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Navy Coast color palette (#CBEEEB, #00B2C1, #007DA6, #004B77, #001A6C)
- Quiet Navy color palette (#D9FFF1, #97CECB, #3F958C, #00647F, #254983)
- Lagoon Study color palette (#FAF9CA, #C3D9A8, #82AE83, #3F8465, #00544C)
- Timeworn Balcony color palette (#E7F9FF, #97D7F1, #70A3CB, #546D9D, #3D3D7C)
- Wandering Cerulean color palette (#E9FBEC, #92CCB7, #539FAC, #8A5F7B, #334D51)
- Weathered Turquoise color palette (#E8F9FC, #B2E1EB, #BDBFCA, #77B9D3, #244C56)
- Ancient Basin color palette (#E1FBFF, #BBD8E4, #94A8BB, #8A7F8F, #5F4D5A)
- Weathered Teal Quarry color palette (#E3F6FB, #52ADA8, #495B64, #2B3B3F, #1B2324)
Browse the whole catalog at Explore, or see today's palette.