Tempered Amber color palette — #D7F2F6 · #ADB8FF · #D97000 · #502500 · #210715

Pumpkin and Lavender set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D7F2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#ADB8FF): A luminous, balanced violet — the color of a velvet chair.
• Pumpkin (#D97000): A luminous, vivid gold — the color of old brass.
• Espresso (#502500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#210715): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged neon, dark, vibrant, 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

• Tempered Loft color palette (#CDE2F5, #C5A9EE, #B88800, #402D00, #021C09)
• Feathered Ember color palette (#D0ECFD, #FF9AC0, #E46600, #4A1C00, #22121B)
• Powdered Coral Boulevard color palette (#DFE3FF, #00D098, #FF7265, #521A16, #210D1F)
• Hazy Marigold color palette (#F1DDEC, #8FC6FF, #ECA400, #523805, #162818)
• Peony Lagoon color palette (#D7EAE6, #C4AFFF, #E8528C, #4D122A, #201325)
• Chalky Lime Balcony color palette (#FFE0E5, #70C500, #C98B00, #2E2E0E, #231400)
• Blush Balcony color palette (#DDE6FF, #FF8CC0, #AF8300, #0D2C16, #051107)
• Aged Mustard color palette (#D8EBD7, #D1A412, #7C5100, #412800, #190D00)

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