Weathered Amber color palette — #FFF1F1 · #FFD1C4 · #DE845E · #98612E · #583A14

Built around Coral Clay, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD1C4): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#DE845E): A luminous, balanced orange — the color of toasted spice.
• Ochre (#98612E): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583A14): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Timeworn Loft color palette (#FFE7E6, #E38671, #BD5213, #874B0E, #4D4842)
• Soft Dune color palette (#FEDAD5, #EA8F94, #BF5800, #714200, #362800)
• Aged Grove color palette (#FFF0FB, #FFCAE5, #DE809E, #A55864, #582C2A)
• Hazy Amber Thicket color palette (#F4E2FF, #FDB2B0, #F18C6A, #BD7B00, #584714)
• Wandering Parlor color palette (#FFF0F8, #FECDDE, #BD947C, #805F77, #253727)
• Amber Archive color palette (#FFF3E6, #FBCF88, #B39A33, #777422, #41481F)
• Stone Study color palette (#FFF0F7, #EAE1BB, #D4AE75, #917F43, #2D5543)
• Pale Amber color palette (#FFF0F7, #FFC6A3, #79C6ED, #BF7543, #003E56)

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