Tempered Olive color palette — #FDF4E9 · #BDAE89 · #657C47 · #704D63 · #534000

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

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Camel (#BDAE89): A luminous, dusty gold — the color of old brass.
• Olive (#657C47): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#704D63): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#534000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, 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

• Hushed Fern Coast color palette (#F7F5EE, #C3C49E, #5F8D74, #785D64, #525000)
• Fern Veranda color palette (#FDF4E5, #9AA06D, #417135, #633C54, #37352F)
• Stone Thicket color palette (#E7F7EB, #BEB575, #76794A, #624C64, #1B2C23)
• Dusty Taupe Field color palette (#EDF9EF, #DCD7A8, #A6B382, #8B8EA8, #33483D)
• Weathered Cocoa Bloom color palette (#FFF2ED, #E0DCCD, #C9C58C, #A96C87, #733913)
• Tempered Cypress Harbor color palette (#FAF3F0, #CAE4CC, #4097B0, #217252, #285145)
• Rust Terrace color palette (#FFF2EB, #EEA68B, #B44E26, #722919, #451F10)
• Linen Orchard color palette (#FFE7E8, #E892B1, #C74A53, #8B3C28, #4F4843)

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