Tempered Amber color palette — #FFF2F0 · #F5B3B5 · #CC8D69 · #9A7245 · #654B00
A conversation between Camel and Bronze, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Rose Quartz (#F5B3B5): A whisper-light, dusty red — the color of a theater curtain.
- Camel (#CC8D69): A luminous, balanced gold — the color of old brass.
- Walnut (#9A7245): A full-bodied, dusty gold — the color of old brass.
- Bronze (#654B00): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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
- Dusty Fern Studio color palette (#FFF2EB, #E9BF91, #AF9759, #6E7D48, #4C5505)
- Weathered Cocoa color palette (#FFE9EE, #E6B6E2, #C8849A, #9F6463, #77420F)
- Tempered Apricot color palette (#FFF2ED, #FFCABD, #F29872, #BF895D, #504B45)
- Taupe Pier color palette (#FFF3E6, #F4CBA5, #BE9265, #895D36, #4B2F0D)
- Amber Courtyard color palette (#FFF3E7, #EDB88B, #71BDD9, #B38053, #2C5743)
- Timeworn Field color palette (#FFF0FD, #D99E90, #BD7452, #905219, #40583F)
- Muted Corridor color palette (#FFE6E2, #E57E2E, #A36E00, #595500, #233800)
- Washed Turquoise Grove color palette (#FFF3E8, #DAA47A, #6FACD7, #7788C1, #47413C)
Browse the whole catalog at Explore, or see today's palette.