Olive Studio color palette — #F2F3E4 · #83B371 · #4697C4 · #3A751E · #002B40
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E4): a clean, paper-quiet neutral.
- Jade (#83B371): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#4697C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#3A751E): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002B40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Olive Basin color palette (#F9F2DC, #ABA85E, #299FAA, #6C6800, #002E32)
- Iris Summit color palette (#EBF6E2, #68B59C, #728ACF, #00765C, #1A2546)
- Weathered Emerald color palette (#E4FBF7, #9AC590, #49AFEA, #42962A, #134764)
- Ancient Emerald Canyon color palette (#F0F6D7, #58A15D, #168FA1, #876423, #1E2104)
- Linen Boulevard color palette (#E3FBF7, #86AC7A, #A176B5, #337810, #51365D)
- Tempered Cypress color palette (#EDF5E4, #7CC5A8, #BB9466, #1B8565, #35302B)
- Olive Corridor color palette (#D7F1DE, #00A3B5, #7E8300, #00606C, #1D1E00)
- Pale Station color palette (#EEF8CE, #94CF9E, #498B55, #084C20, #001D06)
Browse the whole catalog at Explore, or see today's palette.