Weathered Amber color palette — #FFF1F6 · #C98C5A · #479491 · #29747D · #373241

Mustard and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C98C5A): A luminous, balanced gold — the color of afternoon light on wheat.
• Storm Blue (#479491): A luminous, dusty teal — the color of glacier melt.
• Teal (#29747D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#373241): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Hushed Taupe Courtyard color palette (#F9F2FF, #CB89A6, #3C9389, #4A698E, #293340)
• Lagoon Atelier color palette (#EBF9F1, #B0A96F, #519577, #536193, #41313D)
• Worn Cerulean Coast color palette (#E9FAF2, #999D4B, #0087B0, #804B71, #1C3326)
• Wandering Atelier color palette (#EAFAEC, #E1B296, #94966A, #5F6E90, #3C4D3C)
• Washed Denim Alley color palette (#FFF1F1, #A46D8C, #27728D, #354B86, #453137)
• Taupe Lantern color palette (#EBF5ED, #B49757, #485D57, #2F3C32, #271F23)
• Muted Moss color palette (#E6FBF5, #859400, #007D7E, #39478A, #281323)
• Taupe Lantern color palette (#FBF2F6, #D0D9DB, #A4A3AF, #B99278, #5A4F54)

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