Olive Studio color palette — #F3EEDD · #868B00 · #307200 · #00472D · #002B27
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F3EEDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#868B00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#307200): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00472D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002B27): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Olive Studio 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
- Olive Summit color palette (#EDEFD0, #698600, #1B5C00, #003818, #002123)
- Quiet Pine color palette (#EAE9C6, #8F9E00, #117B17, #004824, #000D09)
- Faded Bronze Drift color palette (#F8DCC5, #AA7C00, #706C00, #204B00, #002912)
- Quiet Moss Dune color palette (#E0EAD0, #69A900, #3E9600, #007022, #002B11)
- Emerald Ridge color palette (#D8E4C8, #00AC48, #007052, #004D50, #002730)
- Pale Jade color palette (#C6EADA, #00AF80, #00783F, #003A20, #000D06)
- Washed Periwinkle color palette (#BCECE3, #59D5CB, #4EA9EC, #806400, #002D2F)
- Misty Clover Market color palette (#E1EAC9, #34C618, #008D77, #006467, #003A46)
Browse the whole catalog at Explore, or see today's palette.