Softworn Amber color palette — #FFF3E8 · #CD852C · #42793F · #504477 · #403D36

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#CD852C): A luminous, balanced gold — the color of honey in a jar.
• Olive (#42793F): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#504477): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, 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

• Wandering Boulevard color palette (#FFF2EB, #A29C1C, #1B7A6E, #5E4068, #3D3E37)
• Coral Workshop color palette (#FFF4DC, #DB7380, #81660F, #2C5076, #423C37)
• Olive Orchard color palette (#E2F8EB, #A99E51, #5F742B, #005152, #0D291E)
• Tempered Amber color palette (#FEF3E5, #B27D00, #4460A1, #4C3D72, #4A263C)
• Tempered Balcony color palette (#FFEADA, #B1B784, #788A6A, #7A5C61, #60463F)
• Pale Aubergine Lagoon color palette (#FFDCCE, #967A00, #00614A, #511170, #242E00)
• Dusty Mustard color palette (#FBF5E2, #EED9BA, #C7C043, #40A089, #3E3E37)
• Softworn Cerulean color palette (#FFF2ED, #A9EAEE, #5293B2, #3E6E4F, #544054)

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