Softworn Amber color palette — #FFD2CB · #CE884E · #826400 · #404800 · #013908

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD2CB): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#CE884E): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#826400): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#013908): A deep, shadowed, balanced 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

• Marigold Study color palette (#FFD6BD, #ECB77D, #C09A31, #7C7800, #223700)
• Amber Pier color palette (#FAE1C7, #C99200, #856800, #483F00, #181900)
• Feathered Coral color palette (#FFD8E3, #E37C6E, #9C4E00, #5A4000, #333600)
• Feathered Marigold Coast color palette (#FFDAB3, #E4A52B, #A17D00, #645800, #323400)
• Fern Veranda color palette (#FFE9DD, #C8A463, #847E00, #25640C, #004D38)
• Pale Terrace color palette (#EFE3D3, #9D9800, #4B6F00, #004827, #00302C)
• Amber Lantern color palette (#FEECD3, #C56A2D, #5F5E00, #35347D, #342F2A)
• Emerald Orchard color palette (#FFF3E2, #FFA8A0, #DC9600, #369425, #353100)

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