Olive Pier color palette — #E3F7F0 · #B7CAC3 · #A995A2 · #6D742C · #344736
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#B7CAC3): A whisper-light, dusty teal — the color of shallow lagoons.
- Dusty Rose (#A995A2): A luminous, dusty pink — the color of a candy shop window.
- Olive (#6D742C): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#344736): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
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
- Bronze Pier color palette (#FFF0F9, #DEC3C9, #B08685, #836C22, #4F4E00)
- Worn Cypress color palette (#F7F0ED, #C9E4DF, #73A3C0, #3C7A59, #442D42)
- Aged Ash Coast color palette (#ECF7FF, #CBD5F5, #B6A3C5, #688786, #445655)
- Muted Driftwood Balcony color palette (#F6F1EB, #CDC3A6, #858840, #7B565A, #33312A)
- Dusty Courtyard color palette (#F9EBF5, #B59CAE, #9A6C6F, #00585E, #321F32)
- Ash Thicket color palette (#EFDBEC, #9984B1, #825452, #004B4E, #07280F)
- Olive Terrace color palette (#FFEDEA, #C28A98, #7B9954, #58883B, #391F1B)
- Wandering Forest Balcony color palette (#F2D2F3, #99B6DA, #886B98, #006651, #00394D)
Browse the whole catalog at Explore, or see today's palette.