Petrol Pier color palette — #E9FBE9 · #CB8E28 · #0E6CB4 · #625FA1 · #2D3D2D
A conversation between Royal Blue and Mustard, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FBE9): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#CB8E28): A luminous, balanced gold — the color of honey in a jar.
- Royal Blue (#0E6CB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Slate (#625FA1): A full-bodied, balanced violet — the color of wild irises.
- Forest (#2D3D2D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged 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
- Worn Summit color palette (#E7FBEC, #A48431, #4478D4, #835198, #273E2D)
- Washed Thicket color palette (#FFF1F6, #C37216, #0085B9, #3A69AA, #492F3A)
- Muted Seafoam color palette (#ECFAEC, #C0EBEB, #89D5AA, #A37461, #3D5748)
- Washed Grape color palette (#CAF7E6, #8D9C27, #6D0AE9, #A52B4F, #2E340A)
- Soft Amber Loft color palette (#FFF0D4, #AA8A00, #1B9661, #975650, #281C03)
- Muted Balcony color palette (#E5DECA, #886E00, #1D3DFF, #7E009D, #2D2300)
- Weathered Marigold Thicket color palette (#E1FEE7, #CB9D24, #60AC76, #BB6D6D, #293E2E)
- Mustard Field color palette (#F7E6FD, #9CC7FF, #C8B300, #234543, #232D27)
Browse the whole catalog at Explore, or see today's palette.