Tempered Amber color palette — #E6F0E5 · #D28900 · #735E31 · #30422F · #140A0E

Built around Mustard, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#E6F0E5): bright and airy, almost weightless.
• Mustard (#D28900): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#735E31): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#30422F): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#140A0E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Muted Tangerine Grove color palette (#F9DEEA, #EA7600, #7B5462, #4A353F, #130A10)
• Wandering Mustard Alley color palette (#DBE9DF, #C8A723, #4E7B67, #3C4F43, #141A15)
• Pale Ridge color palette (#E0F1EA, #8E9C00, #43650B, #333907, #000A05)
• Wandering Bronze Ridge color palette (#F7DEE6, #B26F00, #214937, #2E1B22, #130A10)
• Dusty Bronze color palette (#E0F5E4, #9B7100, #4E4100, #0A2310, #000300)
• Midnight Chestnut color palette (#F0E0E5, #8D5600, #062C21, #19050D, #040103)
• Weathered Taupe color palette (#E9FAF0, #CDCF8F, #98A95D, #A27A5A, #223C31)
• Hushed Mustard color palette (#EDE7DA, #DEB83C, #B29A00, #847F00, #3D4116)

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