Tempered Olive Loft color palette — #FFF1F6 · #E2BE93 · #AE9D52 · #7D8234 · #29564D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#E2BE93): A whisper-light, dusty gold — the color of old brass.
• Moss (#AE9D52): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7D8234): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#29564D): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Olive Loft 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

• Muted Pine color palette (#E2FDE9, #CCCE99, #92AE69, #47844F, #2B5B5B)
• Bronze Loft color palette (#FFF2DE, #CAB274, #988000, #68601C, #504E47)
• Ancient Moss Ridge color palette (#EBF9F0, #CFC594, #B1A9E1, #A18C19, #4D476C)
• Washed Bronze color palette (#FDF0FF, #EBB3AD, #D58E6F, #A5692A, #36553B)
• Ancient Terrace color palette (#EAFAF0, #B1D4C8, #81A590, #8F6E42, #304E4A)
• Hazy Olive Thicket color palette (#F6E7C9, #9A9E18, #618800, #006021, #003220)
• Patina Harbor color palette (#E1FDF1, #B8E6D2, #96A265, #6A7012, #30390B)
• Patina Olive Field color palette (#FFD89D, #C8B129, #889300, #307A00, #004A25)

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