Olive Studio color palette — #F4F4CC · #99B87E · #45761A · #173B00 · #040F00
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F4F4CC): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#99B87E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#45761A): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#173B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#040F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Soft Pine Thicket color palette (#ECF7D5, #90C9AB, #308855, #004C20, #00190D)
- Pale Olive Basin color palette (#E0FDD0, #78AF65, #497600, #254300, #172C00)
- Wandering Bronze color palette (#FFF1CA, #BCA866, #8C6200, #452F00, #130D00)
- Airy Emerald Thicket color palette (#DFFDD7, #A6CD7B, #4B9617, #266001, #0A2C00)
- Patina Teal Grove color palette (#96FFE4, #00B494, #006C5A, #003329, #000A07)
- Sunlit Grape Delta color palette (#F1F3EA, #7BAF84, #7050A4, #006729, #130008)
- Antique Emerald color palette (#D4E5D6, #52974A, #005522, #001F09, #000200)
- Antique Courtyard color palette (#E4F9E1, #B7D3B1, #2D9392, #005D54, #002624)
Browse the whole catalog at Explore, or see today's palette.