Softworn Amber color palette — #FCF4EB · #D8DCCC · #B5C6AC · #B5772C · #5B3600

Caramel and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Bone (#D8DCCC): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B5C6AC): A luminous, dusty green — the color of fresh herbs.
• Caramel (#B5772C): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5B3600): A deep, shadowed, balanced gold — the color of honey in a jar.

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

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

• Antique Driftwood color palette (#FEF2EF, #DED9CC, #C3C2A6, #BD6B6D, #4B3C37)
• Marigold Thicket color palette (#FBF4EC, #DBDCCA, #94B7AF, #D2983D, #593800)
• Dusty Bronze color palette (#F4EDE4, #DDD7C6, #B8B9A6, #956800, #372C1B)
• Tempered Bronze Hollow color palette (#E7E1D3, #9C8600, #344D23, #2F250D, #190F04)
• Patina Studio color palette (#F2F0E3, #B2B7A2, #879D7D, #4A5B00, #171403)
• Patina Study color palette (#F9F6E4, #8FCC98, #1E9B82, #945456, #3A3B34)
• Olive Basin color palette (#F6F6EA, #D9E2CD, #ACC6AA, #4D8A00, #33332C)
• Patina Pewter color palette (#FFE8DB, #D2B884, #7DA977, #7A5E93, #682F47)

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