Tempered Basin color palette — #F0F1FD · #A78ECA · #5B5564 · #363744 · #1E2229

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

The five colors

• Ivory (#F0F1FD): bright and airy, almost weightless.
• Mauve (#A78ECA): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#5B5564): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#363744): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1E2229): quiet, heavy and certain.

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

Use it as a design system

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

• Mallow Summit color palette (#F0F1FB, #C9A3F1, #7B7793, #535360, #202128)
• Washed Coral Courtyard color palette (#EDDFEF, #CD6E80, #5C4553, #342936, #1A171E)
• Teal Basin color palette (#F8F2FF, #D59EBB, #76B593, #469AA1, #483D52)
• Quiet Magenta color palette (#ECE8FF, #BF50C8, #633443, #282238, #0E1020)
• Ash Basin color palette (#F3F4FF, #D9BCEF, #C087B7, #A06983, #5C4761)
• Washed Driftwood color palette (#F8F2FF, #E4B4D0, #8FBF9A, #B4749C, #215754)
• Ash Bloom color palette (#EEF8F2, #B4DBD1, #6EA7A6, #7A7B91, #3A534D)
• Quiet Terrace color palette (#E9D9F1, #AF0060, #693900, #3E160D, #100415)

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