Tempered Olive color palette — #F3EEDC · #6A6F00 · #006471 · #393C00 · #00070A

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

The five colors

• Cream (#F3EEDC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#6A6F00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006471): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#393C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Fern Parlor color palette (#EDECCC, #3F6500, #00595A, #5A3200, #010200)
• Bronze Thicket color palette (#F4E8DB, #935A00, #006949, #512F00, #000804)
• Hushed Olive color palette (#F5EDCF, #6A7717, #494800, #2B2400, #040300)
• Dusty Grove color palette (#E2EBD7, #008D68, #8E5900, #00523B, #190C00)
• Ancient Archive color palette (#EEEAD0, #5C7400, #A80019, #303E00, #140001)
• Antique Grove color palette (#EFE7CE, #726F00, #5D2CB7, #2E2D00, #020008)
• Aubergine Study color palette (#E5E0CB, #535600, #3D1B98, #212300, #06001F)
• Frosted Workshop color palette (#D1F0E2, #838400, #734EE1, #585800, #07001E)

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