Softworn Amber color palette — #FFF1F2 · #FFAD97 · #E67400 · #7F5500 · #3A2D00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFAD97): A whisper-light, balanced orange — the color of autumn markets.
• Tangerine (#E67400): A luminous, vivid gold — the color of afternoon light on wheat.
• Coffee (#7F5500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A2D00): 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 Softworn 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

• Soft Bloom color palette (#FFF0EB, #FAA866, #B07A00, #685400, #292B00)
• Dusty Amber color palette (#FFF1F7, #EFCA8D, #C2814E, #8E483C, #2E2800)
• Ancient Tangerine Coast color palette (#F8E0D8, #FFA979, #F07D08, #B86D00, #5A3800)
• Faded Amber Balcony color palette (#FEE4D4, #DD8400, #816100, #3A3600, #0A1300)
• Wandering Coral Grove color palette (#FFF0F7, #FFAEC1, #FF5C6B, #AA3B00, #462600)
• Ember Study color palette (#FFE5DD, #ED6700, #A55100, #6A3900, #311B00)
• Chalky Sky Balcony color palette (#FFF1F6, #FFB573, #4BBBFF, #B46600, #00324D)
• Sunlit Mustard color palette (#FFF1F6, #F8CE8C, #BAAB51, #6B7B2F, #2E411B)

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