Tempered Olive color palette — #E5E0CE · #558948 · #00523A · #411D48 · #1B1C00

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

The five colors

• Bone (#E5E0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#558948): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Royal Purple (#411D48): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#1B1C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Harbor color palette (#F4DDC2, #887B1A, #364E00, #2B294C, #231900)
• Wandering Pine Quarry color palette (#E1E1CD, #007F56, #00413D, #39102C, #00140A)
• Worn Emerald Harbor color palette (#E9E6CE, #43A25D, #006353, #583326, #272C12)
• Linen Workshop color palette (#FCE8CE, #9F9500, #3F6800, #5D3154, #332F00)
• Tempered Clover Corridor color palette (#FDF5D9, #71B85A, #007D59, #704049, #3B3B34)
• Softworn Mustard color palette (#EFDCCA, #BFAD4C, #6DA261, #802F27, #322000)
• Linen Navy Pier color palette (#FBDEC6, #834A00, #005479, #003687, #1D0D00)
• Emerald Dune color palette (#D4E8E1, #8EB386, #00975D, #91437A, #042200)

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