Tempered Basin color palette — #F1F1F9 · #D6B5E7 · #AF6D76 · #856197 · #1A131A
A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F1F9): bright and airy, almost weightless.
- Lavender (#D6B5E7): A luminous, dusty violet — the color of wild irises.
- Mocha (#AF6D76): A luminous, balanced red — the color of a theater curtain.
- Slate (#856197): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#1A131A): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged duotone, 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
- Driftwood Workshop color palette (#EDF2FA, #A9C2FB, #9F709C, #5C709F, #17141E)
- Worn Shell Studio color palette (#F5F0F7, #F7AABE, #9E7C4C, #9C5A6D, #101910)
- Pewter Lantern color palette (#FBF2F6, #DFB1C3, #A26F58, #775F9A, #332C28)
- Driftwood Bloom color palette (#FFEAFE, #ECADCF, #AE6E7E, #7E4340, #461900)
- Timeworn Blush Basin color palette (#E7F7EA, #D792BD, #A46462, #265C59, #312835)
- Timeworn Station color palette (#FCF2F4, #F3C2CB, #CF8D85, #A57BA8, #382A28)
- Wisteria Hollow color palette (#F2F0FC, #BA78BC, #776920, #235A4E, #141D28)
- Quiet Fuchsia color palette (#F4EFFF, #F16ED6, #A84C00, #8E2D7C, #14030D)
Browse the whole catalog at Explore, or see today's palette.