Tempered Amber color palette — #F6DED5 · #C2804B · #806028 · #335031 · #0C3D28

Caramel takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6DED5): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#C2804B): A luminous, balanced gold — the color of old brass.
• Walnut (#806028): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#335031): A deep, shadowed, dusty green — the color of new leaves after rain.
• Forest (#0C3D28): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Dusty Chestnut Courtyard color palette (#FFE1E5, #BB837F, #8F553C, #584700, #27391D)
• Driftwood Hollow color palette (#FDE5E4, #B2805F, #715F33, #004247, #002134)
• Bronze Atelier color palette (#FFD7BB, #CDA475, #967531, #505F18, #364728)
• Sunlit Amber Veranda color palette (#F8DFD3, #CA6C00, #804900, #573400, #3C2700)
• Softworn Bronze Studio color palette (#F5E6CC, #887A00, #425100, #003531, #002124)
• Feathered Amber Harbor color palette (#FCDC99, #BD8C00, #6B4D00, #392A00, #211600)
• Weathered Stone Thicket color palette (#FBF6DE, #C1BF9E, #8C917C, #637467, #3B5455)
• Tempered Alley color palette (#F4DEDC, #C399AC, #938256, #006B72, #043F5E)

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