Tempered Basin color palette — #F5F4FF · #F1C3E6 · #C2AFCE · #9D818D · #405541

Thistle and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Thistle (#F1C3E6): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#C2AFCE): A luminous, dusty violet — the color of wild irises.
• Heather (#9D818D): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#405541): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Hazy Mustard Hollow color palette (#F9F2FF, #FFB1D3, #DEB956, #CE84A5, #2C4A36)
• Dusty Cypress Drift color palette (#DAF2FF, #9DB1CF, #8B82A4, #266065, #09384C)
• Shell Ridge color palette (#FFF1F2, #FFB3A3, #D2A58D, #6D9484, #185148)
• Driftwood Alley color palette (#FFF1F7, #F3D3C8, #C8AAA3, #8E8239, #435309)
• Dusty Mallow Harbor color palette (#FFDBFC, #FFABEB, #DC86BA, #B57594, #653C4A)
• Softworn Powder color palette (#ECF8F7, #D2DCF4, #7BC8F3, #5CA5B3, #344A5E)
• Misty Blush color palette (#FBE0F0, #FC93B8, #DC8489, #967940, #4A4208)
• Wandering Amber color palette (#FEDCD5, #E0A990, #BD8D58, #4D786F, #05423F)

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