Softworn Amber color palette — #ECF9EE · #5CC1C5 · #C48B1B · #728422 · #232E17

Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Cyan (#5CC1C5): A luminous, balanced teal — the color of glacier melt.
• Mustard (#C48B1B): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#728422): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#232E17): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Pale Bronze color palette (#F2F8EB, #6EC2A2, #D88963, #997700, #2D2C11)
• Emerald Garden color palette (#ECF8F4, #66C2F0, #9AA140, #239B61, #19311E)
• Weathered Terrace color palette (#D6FDEE, #00A5F1, #889600, #007E52, #001B1F)
• Wandering Amber color palette (#EFF6FF, #83A4E9, #CA6827, #2D6833, #121B29)
• Bronze Pier color palette (#FFF2EF, #F3A3BA, #DB885A, #917C00, #114418)
• Bronze Pier color palette (#FFF2EB, #E1B5E9, #CF8CB5, #B46E3D, #543137)
• Softworn Rust Boulevard color palette (#FFF1F5, #A480BC, #B95D51, #476600, #38233A)
• Misty Emerald Boulevard color palette (#FFF0FC, #8BA3FF, #2DB258, #00918C, #002A3F)

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