Worn Amber color palette — #FEF3E8 · #D7DDC9 · #B0C7AF · #CF8533 · #37322C

Mustard and Pistachio set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Bone (#D7DDC9): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B0C7AF): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#CF8533): A luminous, balanced gold — the color of old brass.
• Espresso (#37322C): a grounded near-black with real depth.

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

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

• Worn Summit color palette (#F9F5E7, #CBE1CE, #A2CABC, #9BA021, #35332C)
• Dusty Coral Study color palette (#FDF3EE, #DDDBC8, #BAC5A8, #E86F56, #552100)
• Softworn Bronze Workshop color palette (#FAF4ED, #DCDFCE, #A8C9B4, #AC6F00, #351F02)
• Stone Delta color palette (#F9F4EE, #D8DCD4, #CCB087, #A8B5B2, #585149)
• Wandering Moss Study color palette (#F6E7C6, #A89100, #39653C, #3E3400, #0F0500)
• Washed Grape Quarry color palette (#FFDEBF, #FF8F3D, #74A917, #6442D0, #372500)
• Hushed Olive color palette (#E0E0D4, #B6C3BB, #8AB2AB, #698D3F, #222009)
• Feathered Atelier color palette (#FFDDD8, #D6B473, #6CB471, #A36193, #5F2553)

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