Tempered Olive Field color palette — #E6F7E9 · #AFAB6A · #5D7600 · #4F4372 · #002819

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AFAB6A): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5D7600): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#4F4372): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#002819): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Softworn Lagoon color palette (#DFF9F0, #7CBA78, #007F54, #304A7F, #002723)
• Tempered Mustard color palette (#FFF3E7, #B5A511, #46782C, #4F4B70, #3D3A34)
• Worn Fern Meadow color palette (#D2E4D6, #96913D, #485E00, #432D59, #00170D)
• Softworn Driftwood color palette (#ECF4ED, #A8CDB9, #7C8A54, #6E5970, #26352D)
• Linen Mustard color palette (#FFF4E2, #C8BF45, #79913D, #6C618E, #3F3C12)
• Sunlit Pier color palette (#D0ECE7, #47AA7D, #006A5C, #66233B, #001C0F)
• Quiet Forest Balcony color palette (#CFE8DB, #648534, #005316, #3E183E, #040A00)
• Hushed Lantern color palette (#E9F6EB, #87E2DE, #0094A2, #00654A, #002A36)

Browse the whole catalog at Explore, or see today's palette.