Petrol Pier color palette — #E5FDE0 · #7EC4CA · #3495B0 · #126C99 · #664B64
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E5FDE0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7EC4CA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3495B0): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#126C99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#664B64): A full-bodied, dusty pink — the color of a candy shop window.
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
- Softworn Petrol color palette (#EBF9D8, #78BCB3, #2F99A1, #00718D, #2E584D)
- Petrol Garden color palette (#EDF8F3, #84B7D5, #C48873, #127CA9, #6A4133)
- Ancient Summit color palette (#E1F6FF, #79CBDE, #0094B4, #1B6582, #203A4C)
- Patina Denim color palette (#DBFFF1, #97BDE5, #6E86C4, #675AA3, #6E4956)
- Antique Station color palette (#EAF9F3, #EAD5D0, #A8A298, #489595, #5D4D5D)
- Ultramarine Studio color palette (#CFF3F8, #00BAE8, #007DBD, #003EBF, #373780)
- Aubergine Courtyard color palette (#C1F2E5, #91A3DC, #7D6EC7, #6B3C97, #583758)
- Weathered Bronze color palette (#E3FCF4, #769CC0, #B47869, #996C2C, #2F4842)
Browse the whole catalog at Explore, or see today's palette.