Tempered Amber color palette — #F9E1D8 · #AB8141 · #6D6824 · #00546D · #001335

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

The five colors

• Shell Pink (#F9E1D8): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#AB8141): A luminous, balanced gold — the color of old brass.
• Olive (#6D6824): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00546D): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#001335): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Onyx Bloom color palette (#ECE5D1, #85905F, #4D7359, #38446F, #190030)
• Muted Terrace color palette (#F5DEE5, #B56E6D, #845E3E, #00594A, #001114)
• Hushed Studio color palette (#EEDFE8, #9D6553, #5A5622, #332059, #13052A)
• Timeworn Sapphire color palette (#FBEDD2, #997A00, #3C66DA, #675100, #000025)
• Patina Workshop color palette (#F8E3D6, #AD6C00, #785A00, #483B00, #0B0C00)
• Sunlit Mulberry color palette (#E5E2D0, #806F00, #007289, #98007E, #020200)
• Ancient Fern color palette (#F5E8D6, #948A49, #5C6A00, #70303D, #080600)
• Denim Bloom color palette (#F1E8D5, #AAA177, #699676, #4C5E96, #2E184B)

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