Tempered Basin color palette — #FCF1F9 · #DBA193 · #649B76 · #5963A0 · #613334

Slate and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Rosewood Mist (#DBA193): A luminous, dusty orange — the color of toasted spice.
• Fern (#649B76): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5963A0): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#613334): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Patina Summit color palette (#F7F3FC, #D89CBC, #90914C, #00729D, #563552)
• Hushed Pewter color palette (#EEF9EF, #C4AE82, #3A9CA6, #845586, #5A3545)
• Ancient Honey color palette (#FDF4E6, #F4C367, #64A4BB, #5E698F, #4E2E2F)
• Washed Driftwood color palette (#FFF0F8, #C8DED0, #96B0AC, #7C7E9A, #564B5E)
• Timeworn Pine Garden color palette (#F8F5EA, #9A9D53, #33825C, #005F6A, #47413C)
• Taupe Veranda color palette (#E9F5EE, #AA9C5A, #465E59, #2E3C33, #281F22)
• Worn Lagoon Workshop color palette (#F9F3F7, #D3D7E9, #7BBDCB, #51986B, #38566C)
• Mulberry Corridor color palette (#EAF9F5, #8EB272, #298EA2, #90396A, #303E07)

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