Tempered Basin color palette — #EFF6FF · #789CD8 · #B57459 · #666C39 · #25363D

A conversation between Cornflower and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#789CD8): A luminous, balanced violet — the color of wild irises.
• Caramel (#B57459): A luminous, balanced orange — the color of autumn markets.
• Olive (#666C39): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#25363D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Timeworn Driftwood Courtyard color palette (#F2F5FF, #B1A9DD, #B97972, #646F3B, #1A485B)
• Timeworn Lilac Garden color palette (#F4F4FF, #B08ECF, #978A52, #36725D, #263443)
• Ancient Field color palette (#FBF2FA, #9EBAFD, #CE846B, #677433, #1C2A1F)
• Patina Fern Parlor color palette (#F3F4FE, #9180AF, #875174, #4E5900, #2D3447)
• Chalky Violet color palette (#F1F5FF, #8F75FA, #A05F00, #2A6600, #002732)
• Blush Market color palette (#FCF1F9, #A8BAFB, #DC849A, #6B9A6C, #3B2C37)
• Ancient Station color palette (#F2F5FC, #DCD8E0, #BBADB2, #8C9BBE, #4F525A)
• Wandering Pewter color palette (#F0F5FF, #CFC7F6, #AE92C6, #8D5E8F, #6D3454)

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