Tempered Amber color palette — #E7FBEC · #78BEC9 · #C68FC3 · #AF8E34 · #314938

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

The five colors

• Ivory (#E7FBEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#78BEC9): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#C68FC3): A luminous, balanced pink — the color of a candy shop window.
• Mustard (#AF8E34): A luminous, balanced gold — the color of honey in a jar.
• Forest (#314938): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Tempered 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 Amber color palette (#F1F9E4, #7FC29E, #999EDE, #C77C62, #41443D)
• Glacier Atelier color palette (#E8F8FF, #67E0F1, #DEA4DB, #B5A06B, #263C45)
• Bronze Ridge color palette (#EBF9F5, #85AFDB, #C78A74, #8D7A26, #27433D)
• Softworn Moss Dune color palette (#FFEFFF, #92B4E0, #D98C90, #6FA355, #4E3B4E)
• Tempered Harbor color palette (#ECFAE8, #41AC9E, #C17341, #9B6946, #3A4735)
• Cocoa Lagoon color palette (#FEF3E9, #D9C7B2, #B2957B, #9A6552, #5E4200)
• Weathered Hollow color palette (#E9FAEE, #F6D2EF, #C4E4E6, #75B6AD, #45574C)
• Hazy Study color palette (#D4F0FF, #00AADF, #EB3FA2, #838300, #003649)

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