Tempered Amber color palette — #E2FCF3 · #7AC9FF · #DD8000 · #006FA5 · #572F00

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

The five colors

• Ivory (#E2FCF3): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7AC9FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#DD8000): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#572F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Sapphire Balcony color palette (#FEF0FF, #91C3FF, #BA9600, #0068C2, #483900)
• Gentle Marigold Summit color palette (#ECF7FF, #88D1FF, #EF9801, #0088C1, #432700)
• Hazy Coast color palette (#E3FCF0, #5BCEFF, #E65141, #0083AC, #720603)
• Faded Ultramarine color palette (#E7D8E8, #639BE2, #C67915, #005AB1, #3D2100)
• Antique Garden color palette (#FFF0F8, #B4AFEE, #B5A655, #7D6CDA, #4B4310)
• Antique Blush color palette (#E9FBE9, #00C6CA, #F2638E, #00898B, #6B0E33)
• Airy Lapis color palette (#FFF0F9, #B7B7FF, #8DA800, #623BEC, #354000)
• Dusty Wisteria color palette (#FFF1F3, #DBB6DD, #A4BC76, #B46DBA, #4E4D46)

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