Weathered Amber color palette — #FAF0E7 · #CC8C54 · #267D97 · #653C5A · #3A1E20

Built around Mustard, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#FAF0E7): bright and airy, almost weightless.
• Mustard (#CC8C54): A luminous, balanced gold — the color of honey in a jar.
• Slate (#267D97): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#653C5A): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#3A1E20): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. 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

• Ancient Moss Pier color palette (#F4F3E3, #91A65A, #74699A, #633E58, #3D1C1F)
• Patina Pewter color palette (#EDF9ED, #CDAB7C, #55999D, #805982, #4E3958)
• Softworn Canyon color palette (#F7F6EC, #8FA162, #33806C, #155C73, #46423B)
• Driftwood Lantern color palette (#FFEFDD, #D6CFB0, #7E967C, #6F5D5E, #48393A)
• Dusty Spruce color palette (#F3F3E4, #9AD1BD, #528E94, #715B58, #223900)
• Ancient Stone Lantern color palette (#F4E4BB, #ADC379, #5C9E74, #2C6E5D, #263D28)
• Tempered Olive Corridor color palette (#F8F0EC, #C4EAE4, #74A2C3, #5D7534, #41303E)
• Airy Aubergine color palette (#F7F3D6, #78950E, #69389D, #531966, #300024)

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