Tempered Basin color palette — #FFF2EF · #FFC8CA · #F0A192 · #CC805F · #544E48

Built around Coral Clay, softened by Melon — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFC8CA): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#F0A192): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#CC805F): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#544E48): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Timeworn Coral color palette (#F8F2FF, #EBD8D2, #EF8F78, #A87450, #39543F)
• Antique Taupe color palette (#FFF2E9, #F9D2A9, #DCB471, #AF9448, #514F48)
• Tempered Blush Studio color palette (#FFE6EB, #F2C4EA, #E4A3CC, #C67493, #6A453B)
• Linen Tangerine color palette (#FFD4CF, #FFAB90, #F38210, #AF6D00, #5C3E00)
• Blush Garden color palette (#F8E3FF, #F09493, #B0695B, #80523F, #452C37)
• Tempered Archive color palette (#FFF2EA, #EFB9A2, #7DD2AE, #A7A4F2, #48413C)
• Amber Ridge color palette (#FCD5C9, #EA884E, #CD7700, #8F6100, #362800)
• Soft Garden color palette (#F3D7D7, #C6432D, #9F3C00, #5D2C00, #140900)

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