Tempered Olive color palette — #EBF5EB · #9BBCAB · #637F4B · #515075 · #122E21

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Ash (#9BBCAB): A luminous, dusty teal — the color of sea glass.
• Fern (#637F4B): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#515075): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#122E21): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Olive Lagoon color palette (#EDF9F1, #93BAA7, #6F7B26, #695068, #2E493D)
• Dusty Pewter Orchard color palette (#E9F5F0, #ADCAC5, #5D8C8F, #5F5D7E, #213633)
• Hushed Garnet color palette (#E2F7F2, #74B994, #007C73, #6D355B, #002817)
• Hushed Moss Boulevard color palette (#FAF4ED, #D1C39E, #7C9B5E, #8A647A, #524000)
• Aubergine Pier color palette (#D8EADF, #83A059, #006E38, #531C7A, #0F1A00)
• Forest Balcony color palette (#D3E3DE, #2D663C, #003229, #260027, #000200)
• Weathered Forest color palette (#F7EFF5, #C0E3EF, #5897AF, #026F51, #0B2E49)
• Hushed Grove color palette (#D7E9DE, #668341, #00522B, #510029, #040A00)

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