Worn Amber color palette — #F9DDDC · #C88445 · #6C7D30 · #4C4E92 · #22083F

A conversation between Mustard and Indigo, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9DDDC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#C88445): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#6C7D30): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#4C4E92): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#22083F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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

• Bronze Balcony color palette (#F0D9E6, #BD7E71, #986B00, #005B8C, #19163E)
• Antique Pine color palette (#F4E5DA, #979357, #398B56, #60416D, #2B1135)
• Chalky Loft color palette (#DEF3E5, #BA9E2A, #763CE9, #756100, #130034)
• Worn Olive Meadow color palette (#E8DEC9, #92894A, #5D6D2F, #004E46, #00272A)
• Sapphire Atelier color palette (#E7E0BD, #917D00, #4959FF, #843DB6, #0A0700)
• Olive Field color palette (#D6E8D9, #97A03A, #298605, #803766, #0F1100)
• Patina Courtyard color palette (#F0DBCF, #8B6A2A, #474C19, #002638, #010027)
• Lagoon Harbor color palette (#F1ECD2, #88B18D, #35989B, #844854, #38233B)

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