Tempered Olive color palette — #F1E7D7 · #AFAB61 · #6D8C10 · #286D86 · #1E1C00

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E7D7): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFAB61): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6D8C10): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#286D86): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#1E1C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Hazy Lagoon color palette (#E4E0CA, #8BB57C, #429164, #436496, #082100)
• Hushed Moss color palette (#F1E2CC, #C4BD77, #869C3D, #7C6C93, #342701)
• Tempered Fern color palette (#F7E4D6, #AD8F37, #536B05, #4E3A67, #231900)
• Misty Jade Station color palette (#F0ECD6, #98D388, #00B36D, #4C7AC3, #18360E)
• Lagoon Ridge color palette (#EDF0D3, #3B9D72, #007263, #40407A, #000803)
• Hazy Grape Boulevard color palette (#F4D4DF, #CB91FF, #809D02, #7B31B0, #171E00)
• Antique Orchid color palette (#F6E5FF, #B463D9, #B07500, #008685, #1D0329)
• Dusty Taupe Harbor color palette (#FEF4E4, #DAD18B, #9CAF60, #8980B4, #423B00)

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