Tempered Amber color palette — #FBF2F9 · #FCCA9A · #C77F71 · #775770 · #271E25

A conversation between Caramel and Wheat, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Wheat (#FCCA9A): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#C77F71): A luminous, balanced orange — the color of autumn markets.
• Graphite (#775770): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#271E25): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Tempered Amber Terrace color palette (#EFF8EE, #F0D09C, #BD8A44, #785E3B, #1A251A)
• Muted Summit color palette (#FBF2FB, #CCC883, #AD4F59, #523754, #291D29)
• Aged Straw color palette (#FFF2EE, #F1E996, #A55E66, #4B3129, #190B08)
• Dusty Cocoa color palette (#F7EFF8, #A7BC87, #7C3F4C, #3F1921, #120815)
• Amber Basin color palette (#FDE0F2, #D08200, #973200, #491400, #050003)
• Amber Balcony color palette (#FBDDE6, #B07C00, #673F00, #211100, #060002)
• Softworn Marigold Balcony color palette (#FCD9EB, #FEAB26, #C55C00, #7C3700, #200315)
• Patina Taupe Atelier color palette (#FAF3F5, #CED9DB, #CEA17A, #999DAE, #4D4548)

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