Worn Amber color palette — #FFF4E1 · #CDE7C2 · #87DDE2 · #D78B56 · #3E3C35

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#CDE7C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Ice Blue (#87DDE2): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Mustard (#D78B56): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3E3C35): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, light, 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

• Dusty Thicket color palette (#FFF2EB, #E1DFBD, #9FE4AE, #E7808D, #403A35)
• Aged Celadon color palette (#FDF5DE, #C3FDAE, #D6E8C2, #AE9A58, #36342D)
• Marigold Loft color palette (#FBF6D8, #AFF6F3, #9BD4F7, #CAA148, #414900)
• Washed Bronze color palette (#F3E6D2, #CEC196, #B49A5F, #A8692E, #31312A)
• Aged Bronze color palette (#E0FEED, #B4E4E6, #AECA9A, #9F7B00, #2A4B3D)
• Dusty Field color palette (#EFE8D4, #B9D1A5, #46D3C4, #BF7A00, #1B2A01)
• Pale Emerald Ridge color palette (#E7F9D9, #A7E9FB, #AFCCFF, #51A959, #003B40)
• Celadon Boulevard color palette (#DFFAE5, #D7EAA3, #7BC3A9, #8A6142, #0A2A1C)

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