Olive Pier color palette — #F9E6E7 · #598B00 · #006670 · #670650 · #000502
A conversation between Olive Leaf and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F9E6E7): A whisper-light, dusty red — the color of late-summer berries.
- Olive Leaf (#598B00): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#006670): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Mulberry (#670650): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.
Use it as a design system
One click turns Olive 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
- Aubergine Alley color palette (#FFE1D4, #8D7900, #006A56, #4E2169, #020400)
- Patina Studio color palette (#EFD9EE, #009159, #006287, #72001B, #000504)
- Pine Veranda color palette (#EFE6D8, #00791E, #004841, #330044, #000502)
- Dusty Emerald color palette (#E6E9D6, #3A9E6B, #1A729F, #633836, #1F081E)
- Patina Aubergine Lagoon color palette (#D2EFEA, #31941E, #711B8A, #630048, #060003)
- Timeworn Emerald color palette (#D8EFE2, #5C9B4A, #00735D, #524900, #000806)
- Forest Harbor color palette (#D7EAE0, #006D4B, #00272D, #060F10, #000202)
- Hushed Ultramarine color palette (#F5DAE7, #009D9A, #3F5DC8, #713400, #000E13)
Browse the whole catalog at Explore, or see today's palette.