Petrol Pier color palette — #ECF4EF · #AFA151 · #006E95 · #625500 · #000710
Peacock takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF4EF): bright and airy, almost weightless.
- Moss (#AFA151): A luminous, balanced green — the color of fresh herbs.
- Peacock (#006E95): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#625500): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000710): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Patina Field color palette (#FAEEF3, #D68C5B, #007470, #843F00, #00080B)
- Olive Canyon color palette (#ECF4F1, #AABC7D, #5972B1, #5A6E00, #050E1D)
- Patina Fern Pier color palette (#ECF8F4, #8DA45A, #006D5F, #455800, #051C1F)
- Ultramarine Pier color palette (#E6F6F4, #76B07F, #4E58B9, #006727, #010518)
- Feathered Mustard color palette (#F8F5EC, #C4B752, #00919F, #807300, #091D0F)
- Garnet Summit color palette (#F2E3F6, #80934D, #00696B, #690B31, #001F08)
- Hushed Pine Pier color palette (#EAE6C6, #88AB69, #007852, #004144, #001B31)
- Quiet Byzantium Ridge color palette (#E2F6F9, #00C3A4, #9532C0, #006B59, #09041E)
Browse the whole catalog at Explore, or see today's palette.