Tempered Amber color palette — #F5E8DE · #CE6400 · #4E4515 · #36210F · #190F0C

Pumpkin and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5E8DE): bright and airy, almost weightless.
• Pumpkin (#CE6400): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4E4515): A deep, shadowed, dusty green — the color of fresh herbs.
• Espresso (#36210F): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#190F0C): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Dusty Bronze Courtyard color palette (#F4EEE1, #998700, #294F2E, #2D2512, #181007)
• Ancient Tangerine Villa color palette (#F6E5D7, #F07E09, #80603B, #5F3617, #1D0D04)
• Antique Rose color palette (#FFE7DF, #F51A46, #5D3D18, #391F16, #190E0E)
• Chestnut Courtyard color palette (#ECDDC4, #7B5B00, #313F3C, #162B00, #0F0800)
• Moss Corridor color palette (#F3F3E3, #82AB48, #505D49, #393831, #24211C)
• Patina Violet color palette (#FFE8C3, #E1A42F, #AD60B0, #8956E8, #34302A)
• Airy Apricot Corridor color palette (#F6D6CD, #FF9A53, #AB8400, #616400, #284409)
• Patina Mint color palette (#F8F7DE, #60D3AA, #0099A1, #855A6F, #393C35)

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