Amber Summit color palette — #FFF2EF · #FFB087 · #DD8300 · #795800 · #3A3200

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFB087): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#DD8300): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#795800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A3200): 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 Amber Summit 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

• Amber Field color palette (#FFF2EB, #F5AD5D, #AB8600, #696600, #212F00)
• Terracotta Quarry color palette (#FFF1F5, #EDCC78, #BF8340, #944526, #292A00)
• Dusty Amber color palette (#F9D9C7, #FFAA67, #DD8400, #A16700, #5A3F00)
• Amber Courtyard color palette (#FCE1CE, #C18300, #716000, #363B00, #041000)
• Ember Summit color palette (#FFF1F6, #FFAAB6, #F65732, #9B4700, #563200)
• Gentle Station color palette (#FFE2D8, #FA9A46, #A06900, #5A4600, #1B1B00)
• Misty Villa color palette (#FFF3E4, #F2D486, #A1A340, #61813A, #2E502B)
• Washed Quarry color palette (#EDE0CA, #9B8400, #455600, #0D2A00, #000702)

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