Softworn Amber color palette — #FFF1F2 · #FDAA90 · #CC6E00 · #754B00 · #3A2D00

A conversation between Pumpkin and Melon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FDAA90): A luminous, balanced orange — the color of toasted spice.
• Pumpkin (#CC6E00): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#754B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• 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

• Gentle Amber Studio color palette (#FFF2EB, #F2B473, #B88900, #6A6600, #263100)
• Tangerine Hollow color palette (#FFE9E0, #FFA070, #EC7800, #B46900, #523202)
• Amber Terrace color palette (#FFF1F6, #DEC494, #B57B49, #844334, #08281B)
• Antique Rose Boulevard color palette (#FFF0F8, #FFABC1, #DA5E63, #933300, #492700)
• Bronze Basin color palette (#F3D8C8, #B17200, #6E5000, #262600, #030500)
• Amber Loft color palette (#EFDCDA, #E47A36, #834F00, #4C3700, #0F0D00)
• Sky Hollow color palette (#FFF1F5, #F1B06A, #32B3EE, #A66500, #002C40)
• Dusty Thicket color palette (#FFF1F5, #C3ECFA, #BDF2C0, #D58173, #233F2C)

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