Softworn Amber color palette — #FFF4E2 · #B89133 · #59751E · #2A4E7E · #403D36

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B89133): A luminous, balanced gold — the color of honey in a jar.
• Olive (#59751E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#2A4E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Tempered Amber Dune color palette (#FFEFDF, #D38A33, #437A3F, #454068, #2B210B)
• Tempered Balcony color palette (#FEF4E3, #A1AF71, #478665, #58537B, #484841)
• Bronze Lagoon color palette (#FBF4E7, #A28610, #007466, #33437E, #542737)
• Ancient Bronze color palette (#FFF4E2, #CD816A, #8C6000, #005862, #423C37)
• Worn Hollow color palette (#FFF1F5, #EB9E41, #629561, #605D89, #2A4435)
• Mustard Alley color palette (#FCF4E4, #FFCA9B, #DDBA00, #559751, #414038)
• Powdered Coast color palette (#FFF4E2, #4BA33C, #007063, #621787, #0C4025)
• Soft Nightshade Hollow color palette (#F9E1BC, #858200, #006424, #2E009F, #232E00)

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