Amber Workshop color palette — #FCF3EE · #DFDCCE · #ABB7A8 · #BA765C · #372C25

Caramel takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Bone (#DFDCCE): bright and airy, almost weightless.
• Ash (#ABB7A8): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#BA765C): A luminous, balanced orange — the color of autumn markets.
• Espresso (#372C25): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Amber Workshop 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

• Softworn Bronze color palette (#FDF4E5, #D8DFCB, #ACBDD8, #9E7700, #312206)
• Coral Lagoon color palette (#FAF4F0, #DBDACF, #BCC6B0, #E77E62, #5F2800)
• Washed Balcony color palette (#E6E4DD, #BCBCAD, #90957E, #403E00, #020100)
• Worn Chestnut Field color palette (#FAF3F7, #E3D6D4, #A3BAA6, #8F5138, #43363E)
• Weathered Driftwood Thicket color palette (#FDF4E2, #CFD5A4, #799464, #835552, #2F2703)
• Linen Apricot color palette (#FFF4E2, #F59E6E, #957B30, #005B6E, #341A00)
• Hushed Delta color palette (#FFF3E9, #ECD6B1, #94A375, #4A6E62, #333D61)
• Chestnut Studio color palette (#FEF3EA, #DCDAC8, #C6B9A1, #8E4B19, #140A03)

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