Softworn Olive color palette — #E4EEC1 · #687700 · #005A3E · #003A42 · #3A1A00
Olive and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E4EEC1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#687700): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#005A3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#3A1A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Misty Bronze Terrace color palette (#FEE3C0, #926400, #375700, #003C35, #450E00)
- Dusty Summit color palette (#DFE9CF, #60A600, #207200, #004D18, #00332E)
- Ancient Courtyard color palette (#DBE6CE, #007C58, #00505B, #002A63, #232000)
- Misty Navy Archive color palette (#EEDFBC, #827200, #005952, #1D0085, #23000C)
- Feathered Villa color palette (#F1FADC, #009651, #00676A, #00436D, #3C2F00)
- Linen Navy color palette (#E6F2DD, #006753, #003D50, #1B0060, #061600)
- Lowlit Fern Market color palette (#EBE4C2, #596000, #162400, #110D00, #010200)
- Aged Mustard Lantern color palette (#FCF9BF, #EAB500, #9E9500, #497800, #272800)
Browse the whole catalog at Explore, or see today's palette.