Olive Pier color palette — #F3E5CC · #B6A55E · #687C19 · #335C00 · #003A23
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3E5CC): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#B6A55E): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#687C19): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#335C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003A23): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Airy Bronze color palette (#F6DAEA, #D0A270, #8E6C00, #545100, #232D01)
- Olive Villa color palette (#FFF5D7, #D7DB95, #97AD4F, #608305, #2C421E)
- Antique Bloom color palette (#D2E8DE, #95B881, #258F53, #00624A, #003631)
- Quiet Grove color palette (#E6E1BE, #7C9E00, #2B6F00, #00492C, #00221C)
- Pine Station color palette (#CFFDF5, #9ECA9A, #4A8845, #204B00, #012003)
- Moss Garden color palette (#FFEDCB, #CFBF6B, #90A100, #4B7532, #4B4D46)
- Misty Olive color palette (#DFF8F3, #8FAF80, #8582D6, #387600, #24204A)
- Muted Cocoa color palette (#FDECF4, #9AB49A, #96694E, #6F3B36, #0E291A)
Browse the whole catalog at Explore, or see today's palette.