Tempered Amber color palette — #FEDCD0 · #D17800 · #7F5700 · #514300 · #323600

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FEDCD0): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D17800): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F5700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#514300): A deep, shadowed, dusty green — the color of fresh herbs.
• Forest (#323600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Feathered Tangerine Harbor color palette (#F7DFD9, #F48013, #A06E00, #5F5E00, #273400)
• Hazy Bloom color palette (#F8DAA4, #9C9000, #765500, #5D2D00, #212E05)
• Rose Garden color palette (#F9DCDD, #FC3120, #9A3F00, #673A00, #443200)
• Aged Sapphire Workshop color palette (#CEEED4, #A77D00, #3958F7, #644A00, #121F76)
• Mustard Ridge color palette (#FDE9CF, #C0A600, #727500, #3A5800, #00453B)
• Weathered Amber color palette (#F0DDD8, #93BEFF, #B37B00, #20341B, #111C12)
• Marigold Harbor color palette (#FFF0F7, #DCAA6A, #A2893D, #6E6C3F, #335850)
• Softworn Chartreuse Quarry color palette (#DDFFE7, #C7D73A, #09C690, #944A00, #3F3700)

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