Tempered Amber color palette — #DEEDDD · #C9C394 · #CC9037 · #A56753 · #153730

A conversation between Mustard and Mocha, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEEDDD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#C9C394): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#CC9037): A luminous, balanced gold — the color of old brass.
• Mocha (#A56753): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#153730): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Field color palette (#F8E0EF, #DFBA92, #D98467, #9F6873, #1A3727)
• Antique Amber color palette (#E6FDE5, #DDC587, #AC8141, #734F35, #07281B)
• Patina Cabin color palette (#EAFAEF, #C8D8A5, #BFAC68, #A5798C, #2A4241)
• Dusty Basin color palette (#F9D1E6, #E1AE5F, #EA6900, #C03752, #2D2A00)
• Softworn Taupe color palette (#EFDDC9, #A8985E, #7F5D2F, #5F2F16, #1D1800)
• Worn Coral color palette (#F8CFFF, #F99EC9, #F66E4D, #A96100, #363000)
• Feathered Mustard Coast color palette (#F4F4FF, #E0B7FF, #BEBE2F, #9D67C2, #031E14)
• Sunlit Blush color palette (#F9F2FF, #F779BB, #AC9100, #0077A9, #22172B)

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