Tempered Amber color palette — #FFF1F5 · #A3C8B0 · #B98247 · #90584D · #2B433C

Caramel and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Pistachio (#A3C8B0): A luminous, dusty teal — the color of sea glass.
• Caramel (#B98247): A luminous, balanced gold — the color of old brass.
• Walnut (#90584D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#2B433C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Hushed Taupe color palette (#E9FAF0, #B1D3CA, #A79C64, #8F6776, #3A4C4B)
• Worn Amber Drift color palette (#FFF0F9, #DCB68C, #BF7C62, #785E7E, #2B4336)
• Wandering Pewter color palette (#FFF3E7, #EFDBAE, #B99776, #8B5E4F, #34322B)
• Linen Coral Drift color palette (#F8EDFF, #F1A3CC, #D86965, #8F5202, #453900)
• Timeworn Rust color palette (#ECD7E2, #C09752, #B25200, #79333B, #272500)
• Weathered Thicket color palette (#C9E7D0, #A3AE46, #967100, #813C00, #083209)
• Amber Parlor color palette (#FFF0F7, #D27B41, #AD5C23, #00725E, #282338)
• Wandering Atelier color palette (#E8F2E7, #988E48, #835500, #6C1F00, #0D1B00)

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