Softworn Olive color palette — #F2F3E4 · #89B17A · #4E96BE · #43732E · #002B3F
Olive and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E4): a clean, paper-quiet neutral.
- Sage (#89B17A): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#4E96BE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#43732E): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#002B3F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Softworn 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
- Hushed Balcony color palette (#F8F1E1, #B0A657, #00A1A8, #716600, #002E30)
- Weathered Iris Courtyard color palette (#ECF5E7, #64B5A4, #7787D4, #007565, #1C234C)
- Feathered Emerald Terrace color palette (#F0F6D4, #59A160, #008FA3, #866527, #1D2009)
- Ancient Amber Harbor color palette (#ECF5E7, #63B6A2, #B3842F, #007663, #362300)
- Sunlit Emerald Balcony color palette (#E4FBF6, #9CC688, #4FB0E0, #4F951F, #114861)
- Quiet Study color palette (#E8FAF4, #92A96E, #AE70AB, #537200, #593257)
- Faded Study color palette (#F0F7CC, #98C998, #4E8D57, #114C16, #001A04)
- Violet Villa color palette (#DCEFE2, #00A2BD, #9266AE, #006070, #280D37)
Browse the whole catalog at Explore, or see today's palette.