Tempered Terrace color palette — #FFF0F8 · #8C69FF · #4E2830 · #180A12 · #020102

Amethyst and Espresso set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Amethyst (#8C69FF): A luminous, vivid violet — the color of twilight just after sunset.
• Espresso (#4E2830): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#180A12): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#020102): quiet, heavy and certain.

Feels like: Creativity, Energy, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Summit color palette (#FFF1F4, #C055D1, #4C2B27, #190A0E, #030002)
• Washed Cornflower Corridor color palette (#FFF0FE, #3286FA, #482A39, #150B15, #000201)
• Aged Lilac color palette (#FAE9F1, #9984FF, #7D5558, #4B3441, #120A13)
• Lapis Terrace color palette (#D9DDEE, #6451B3, #292037, #070A1E, #000206)
• Pale Magenta color palette (#FFE7E9, #D100BE, #54051F, #241E11, #160104)
• Inked Grape color palette (#F9E1EA, #7C00D6, #1B1105, #26001F, #040001)
• Antique Blush color palette (#FFF1F1, #ED87C4, #804029, #352727, #130E0F)
• Feathered Coast color palette (#FFF1F3, #E079DC, #63AA5E, #3F906D, #2D1117)

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