Tempered Terrace color palette — #F0F5FF · #DBD8E2 · #9DA9E1 · #5C5E9C · #232A4E

Built around Slate, softened by Mauve — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Mauve (#9DA9E1): A luminous, balanced violet — the color of wild irises.
• Slate (#5C5E9C): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#232A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged monochrome, 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

• Softworn Coast color palette (#EBF7FF, #D4D9E4, #75BDD9, #1A78A0, #002B3C)
• Powder Atelier color palette (#FFF0F9, #DADCFF, #ACAFF9, #7B84BE, #482D3F)
• Iris Corridor color palette (#ECF2FF, #C6CBFF, #7883BF, #484B76, #121C33)
• Powder Meadow color palette (#EFF6FF, #E0D9E2, #7FC6DA, #B2B0A5, #4A5166)
• Softworn Mulberry color palette (#F8F2FF, #ECD6D6, #D888B9, #86346A, #380924)
• Tempered Driftwood color palette (#FFF0F7, #CAF1E8, #C9A1B5, #9D6A6C, #31443B)
• Hushed Lilac color palette (#F4F5FB, #E3D8E1, #D6A17D, #A788D5, #291920)
• Plum Canyon color palette (#FFECFC, #D188CD, #9E319C, #45003A, #040002)

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