Tempered Terrace color palette — #E9EDF8 · #7479CB · #3D384C · #191E2A · #080D12

Periwinkle and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E9EDF8): bright and airy, almost weightless.
• Periwinkle (#7479CB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3D384C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#191E2A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#080D12): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Iris Archive color palette (#FEECF7, #8B90EF, #6A5054, #3E353B, #1C2421)
• Ancient Plum color palette (#EAE2F4, #B1488A, #43253D, #191221, #06060C)
• Ancient Emerald Pier color palette (#F1F0FF, #B489C6, #589F6F, #4A885E, #272534)
• Linen Lilac color palette (#D6E8FF, #A9AFEE, #9E6EB8, #79456D, #3C2A42)
• Charred Byzantium color palette (#DDE0F2, #8B10EA, #461430, #0C0B28, #01030B)
• Washed Pewter color palette (#F3F0FD, #D1A1CE, #8EA75F, #945992, #10392F)
• Dusty Driftwood Station color palette (#F7EFF3, #ABCDB7, #758C5B, #615D78, #27352C)
• Tempered Pine Dune color palette (#F5F0F5, #D0D3ED, #6CA6BC, #4A7850, #2A3746)

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