Tempered Amber color palette — #F9EDFB · #F191A3 · #AB9219 · #008276 · #1B255B

Mustard takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EDFB): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#F191A3): A luminous, balanced red — the color of late-summer berries.
• Mustard (#AB9219): A luminous, balanced green — the color of fresh herbs.
• Teal (#008276): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1B255B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Fuchsia Balcony color palette (#F4EFFF, #EA8CD4, #C2843B, #1B8458, #002C54)
• Apricot Garden color palette (#FEECF7, #FF8E66, #7CA056, #007C98, #381D48)
• Aged Blush Alley color palette (#FFF1F1, #DA88B2, #008A72, #00545E, #001F29)
• Shell Study color palette (#FFE8EC, #E5BBD4, #96B393, #558692, #2F4D5E)
• Sunlit Rose color palette (#FCE7FB, #ED5160, #807400, #005E57, #040045)
• Mustard Lagoon color palette (#CCEAD7, #BDA000, #009892, #5A52AC, #42000C)
• Ancient Teal Alley color palette (#E8FAF3, #B7D4AB, #77AF89, #897D9E, #133D37)
• Coral Balcony color palette (#E9D9E7, #F66466, #735867, #473646, #110A14)

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