Tempered Terrace color palette — #F7F3FF · #DE67C9 · #DF0A16 · #704F00 · #36225C

Crimson and Bubblegum set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Bubblegum (#DE67C9): A luminous, vivid pink — the color of a candy shop window.
• Crimson (#DF0A16): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#704F00): A full-bodied, balanced gold — the color of honey in a jar.
• Royal Purple (#36225C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Peony Coast color palette (#FAF1FF, #FD4FA0, #BB5600, #5F5700, #451B50)
• Sunlit Raspberry Quarry color palette (#F4F4FF, #C06DFE, #D41274, #873D00, #0C2A6B)
• Misty Blush color palette (#FDF0FE, #EB7F89, #B26E28, #636100, #383254)
• Airy Peony color palette (#E6DDED, #CF5291, #AD3200, #573E00, #162400)
• Raspberry Delta color palette (#F1E4F6, #D3006A, #823C00, #3A3300, #1F002C)
• Dusty Ember color palette (#F7E0F1, #FA3618, #876200, #2A5400, #46002D)
• Arcade Market color palette (#FFCDF7, #F47CD3, #E900A8, #AC176B, #6A2C42)
• Hazy Study color palette (#F2F5FF, #A182FC, #C32A9F, #A20311, #442A00)

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