Tempered Loft color palette — #D4ECDA · #AB9410 · #615E00 · #662A00 · #1B1600

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

The five colors

• Honeydew (#D4ECDA): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#AB9410): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#615E00): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#662A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Powdered Amber Hollow color palette (#FFEDD7, #B27B00, #745500, #493B00, #201B00)
• Timeworn Fern color palette (#CDEDE1, #7DA255, #1F6E00, #523900, #0D1A00)
• Washed Moss color palette (#E7E685, #ACA100, #686200, #332F00, #0B0A00)
• Muted Moss Boulevard color palette (#F9E8D4, #A09500, #416700, #5F2E57, #332F00)
• Misty Parlor color palette (#DCF7E0, #AC7D00, #C6008D, #634700, #2E001E)
• Worn Cocoa color palette (#EFF2D5, #757700, #007564, #873500, #0F0F00)
• Mustard Corridor color palette (#FEE8C4, #C2AB25, #7E7C00, #7E4D31, #362E00)
• Pale Villa color palette (#D1FEE8, #C7D96F, #73C457, #755C00, #1C1D00)

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