Tempered Amber color palette — #D9EDDA · #BE8B00 · #543800 · #201300 · #000400

Mustard takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#D9EDDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#BE8B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#201300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Hollow color palette (#FEE6F2, #CA8400, #642B00, #280D00, #090004)
• Timeworn Mustard color palette (#E0F9EC, #C2A53C, #524F00, #232200, #000B05)
• Velvet Olive color palette (#D3E6E2, #857B00, #143200, #13151B, #020B00)
• Tempered Olive color palette (#D5F6E5, #746E00, #006964, #004353, #0D0B00)
• Moss Quarry color palette (#E8F4D7, #5AAB00, #007524, #003E23, #00180F)
• Chestnut Dune color palette (#EBF5ED, #A7CFB0, #755E22, #1C3824, #0F1611)
• Airy Harbor color palette (#D1F1F5, #006B58, #00477E, #3A0079, #13000F)
• Amber Meadow color palette (#DBF0E2, #B78E00, #4B3D00, #1C1500, #000401)

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