Tempered Olive color palette — #FFF0D8 · #BF935B · #6C702B · #1A4B6B · #2E2006

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

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BF935B): A luminous, balanced gold — the color of old brass.
• Olive (#6C702B): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1A4B6B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#2E2006): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Softworn Summit color palette (#FBF0DF, #B2AE78, #628262, #474F79, #302D15)
• Coral Delta color palette (#FFF0D8, #D2837E, #905E2C, #005151, #341C0D)
• Chalky Amber color palette (#FAF0E4, #B18534, #0E765B, #1D3F75, #370A24)
• Dusty Orchard color palette (#FFF1F6, #C8846C, #67711E, #4C4381, #51333D)
• Petrol Delta color palette (#E7FCEB, #CFAA7C, #888C42, #0069A1, #2A4431)
• Bronze Thicket color palette (#F7EFDE, #8C7200, #32312A, #1B1509, #0A0502)
• Dusty Quarry color palette (#F5F2E5, #B5B78F, #4C8360, #7C4517, #282912)
• Chalky Navy color palette (#FCEDCF, #977D00, #326000, #022083, #131300)

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