Tempered Olive Delta color palette — #F0F7F1 · #91BAA8 · #5A8047 · #505973 · #32483E

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sage (#91BAA8): A luminous, dusty teal — the color of glacier melt.
• Fern (#5A8047): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#505973): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#32483E): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Tempered Olive Delta 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 (#EFF8F4, #9DCCC4, #5B8D79, #65627E, #3F514F)
• Olive Workshop color palette (#F5F2E3, #A7BC8B, #5D814D, #485B47, #2A2815)
• Worn Fern color palette (#EEF8F0, #99A166, #407138, #444868, #213C32)
• Worn Courtyard color palette (#FBF2F8, #B6E5F3, #3498B1, #19734D, #2F4B61)
• Basalt Terrace color palette (#FCF5E5, #DCD6B1, #9AB68F, #709B8C, #4D4300)
• Emerald Parlor color palette (#F4F4FF, #B789D5, #2DA16C, #7C4F97, #1D4D35)
• Washed Olive color palette (#F4F4FF, #B682D6, #567500, #007A6B, #36354A)
• Shell Basin color palette (#F5F3FF, #E7D7DF, #FBB7A5, #7777A6, #564D61)

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