Sunlit Olive color palette — #DCF5EC · #937700 · #546E00 · #004F37 · #010300
Olive and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCF5EC): A whisper-light, dusty teal — the color of sea glass.
- Ochre (#937700): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#546E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004F37): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Sunlit 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
- Feathered Olive color palette (#D2F5F4, #678800, #006E39, #004A4C, #000403)
- Airy Meadow color palette (#F4EDD9, #BE6200, #796300, #174500, #040400)
- Muted Olive Atelier color palette (#F2F0DC, #BB8100, #6D8700, #00665B, #000400)
- Weathered Pine color palette (#E4EBC9, #3A7447, #004E48, #24173B, #26010C)
- Forest Villa color palette (#DFEBD8, #006E29, #003C25, #001E16, #00090D)
- Gentle Loft color palette (#CCF3FD, #00B176, #008781, #004868, #000E10)
- Garnet Grove color palette (#D0E7E8, #006046, #720048, #00281B, #120008)
- Moss Boulevard color palette (#E8E8D5, #A4AC0C, #60A200, #008A52, #000300)
Browse the whole catalog at Explore, or see today's palette.