Olive Field color palette — #D8E6C6 · #6F9F4D · #377C22 · #004B14 · #002712
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D8E6C6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#6F9F4D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#377C22): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004B14): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#002712): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Olive Field 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
- Hazy Parlor color palette (#E6E0BE, #9BA850, #247C1F, #005532, #004036)
- Wandering Harbor color palette (#D0E7D7, #35AD83, #007760, #004E44, #002B28)
- Feathered Pine color palette (#D8EACF, #1A8413, #005420, #003019, #001008)
- Linen Moss Atelier color palette (#F3EBCD, #AE9D25, #6D6C00, #444900, #182000)
- Quiet Forest Canyon color palette (#E8ECD7, #57A65F, #B36438, #00681D, #321100)
- Worn Study color palette (#FDF9BA, #BBCC6A, #5BA651, #00663E, #00352E)
- Dusty Hollow color palette (#C3FCDF, #6BC098, #007A4F, #003D28, #000F07)
- Pine Studio color palette (#E7EED5, #2B9157, #007B95, #725700, #111700)
Browse the whole catalog at Explore, or see today's palette.