Tempered Amber Ridge color palette — #FAF0E2 · #B28521 · #00727B · #572F59 · #310C32

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

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B28521): A luminous, balanced gold — the color of old brass.
• Teal (#00727B): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#572F59): A deep, shadowed, balanced pink — the color of a candy shop window.
• Deep Indigo (#310C32): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Amber Ridge 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

• Patina Amber Atelier color palette (#FDEEE6, #CB7252, #277553, #393777, #2B1134)
• Wandering Moss Coast color palette (#F3F3E4, #7B9959, #4F6297, #592D5C, #380E0E)
• Hushed Summit color palette (#F5F7E9, #61995E, #007270, #004D76, #39305B)
• Mulberry Archive color palette (#FEF1F5, #CC9960, #0091A1, #913968, #582339)
• Frosted Hollow color palette (#F0DFB7, #817200, #00546E, #55002F, #22000F)
• Muted Parchment color palette (#F9E4C6, #BAB89D, #78866E, #72575A, #4A2D31)
• Washed Coast color palette (#F9F0EB, #C6E6CE, #6096AE, #206D58, #38233A)
• Hushed Pier color palette (#EAF9F2, #C3C05D, #589A73, #006872, #442000)

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