Softworn Amber color palette — #FFF3E9 · #C17F47 · #638B5E · #78506C · #423C37

Caramel and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Caramel (#C17F47): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#638B5E): A full-bodied, balanced green — the color of a quiet forest floor.
• Graphite (#78506C): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#423C37): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Aged Coral Thicket color palette (#FFF2ED, #CB746C, #848252, #68567B, #64290A)
• Bronze Dune color palette (#FFF3E7, #AB7035, #4B7143, #6C4242, #38312D)
• Tempered Moss color palette (#F9F6E5, #8F9745, #378E90, #655D59, #3F3D36)
• Worn Coast color palette (#FDEFE4, #BB8863, #538E92, #485E86, #2C2016)
• Tempered Bronze color palette (#F9F5ED, #D9DCD2, #A0B1AF, #9F7C39, #56524A)
• Muted Mustard color palette (#FAF4ED, #E9B66F, #78844D, #8A652F, #2F2E27)
• Dusty Mustard color palette (#FCF4E4, #B8A94D, #707E4F, #276463, #574600)
• Taupe Coast color palette (#FFF1F7, #D19F7C, #61A8B5, #667BA0, #4A3640)

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