Tempered Amber color palette — #F4EDE5 · #D3D4C8 · #B7BDA4 · #BA8733 · #362C1F

A conversation between Mustard and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F4EDE5): bright and airy, almost weightless.
• Oat (#D3D4C8): a clean, paper-quiet neutral.
• Stone (#B7BDA4): A luminous, dusty green — the color of fresh herbs.
• Mustard (#BA8733): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#362C1F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Bronze Boulevard color palette (#F3EDE7, #DED7C8, #BCB999, #9E6200, #382B1D)
• Worn Moss color palette (#F0EFE5, #CBD7C9, #A7C7A9, #7EA037, #2F2E22)
• Emerald Alley color palette (#E6E6D0, #98C993, #38A962, #827445, #292B0E)
• Chestnut Field color palette (#F0E7DF, #CFCBBF, #A3A68E, #7A4700, #1C140C)
• Dusty Jade color palette (#E4E6CD, #A6C383, #68AA6E, #2A8390, #193B2F)
• Wandering Pier color palette (#E4E2D6, #A7B5A3, #87A187, #677C00, #181401)
• Feathered Mustard Lagoon color palette (#EBDDBE, #C9A800, #839200, #00766F, #2E2200)
• Washed Teal color palette (#F7F5EF, #D8DED3, #A4BDB3, #72AA99, #4A483E)

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