Soft Olive color palette — #F6F2E2 · #A7A95A · #7F88C5 · #696900 · #202347
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F2E2): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A7A95A): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#7F88C5): A luminous, balanced violet — the color of a velvet chair.
- Olive (#696900): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#202347): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Soft Olive 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
- Gentle Olive Studio color palette (#FAF5E8, #A8A260, #897EC1, #706800, #43396C)
- Worn Chestnut Corridor color palette (#FFEFDF, #CC9767, #698DCD, #8E5514, #12264B)
- Pine Boulevard color palette (#F2F3E7, #98C090, #AD8FBE, #577E4F, #452630)
- Powdered Olive color palette (#E8FAF1, #C0BB74, #999AF1, #8C8400, #3D3C6B)
- Soft Pier color palette (#FAF2D6, #959327, #8371BA, #845087, #251E05)
- Aged Bronze color palette (#FAF1DD, #B0AD89, #8D712A, #664421, #1F260B)
- Plum Station color palette (#ECF7DB, #2BC486, #B04397, #006D46, #3C0331)
- Weathered Olive color palette (#F9F4CA, #C0C585, #6B823C, #384800, #181800)
Browse the whole catalog at Explore, or see today's palette.