Tempered Amber color palette — #FFF3E5 · #FFA394 · #CC6510 · #4D6100 · #451709

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#FFA394): A luminous, balanced orange — the color of sun-warmed clay.
• Pumpkin (#CC6510): A luminous, balanced gold — the color of old brass.
• Olive (#4D6100): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#451709): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Pale Marigold color palette (#FFF4E1, #FFA956, #A97E00, #006A3C, #3A2200)
• Rose Corridor color palette (#FFF3E8, #FF9CC0, #DE4A59, #6C5500, #4B0A21)
• Aged Tangerine Balcony color palette (#FFF3E4, #ED7F55, #9A5800, #254A00, #230A00)
• Frosted Rose color palette (#FFF3E7, #EB4C4C, #9B4100, #414B00, #54261C)
• Muted Tangerine color palette (#FFF4DA, #FF9CCD, #F86E00, #0086B0, #4F2920)
• Softworn Amber color palette (#FFEBCD, #C97000, #6E4E00, #003519, #080300)
• Marigold Thicket color palette (#FFF3E6, #E79C37, #768900, #006047, #00262F)
• Ember Ridge color palette (#FFF2EC, #E8604D, #58301E, #2B0704, #050000)

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