Tempered Basin color palette — #EEF6FE · #6FABDE · #B6656B · #226F2E · #003B5F

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Cornflower (#6FABDE): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#B6656B): A luminous, balanced red — the color of a theater curtain.
• Olive (#226F2E): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003B5F): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Weathered Turquoise Loft color palette (#EBF7FF, #52B1DA, #A66896, #656100, #003E53)
• Muted Thicket color palette (#F3F4FF, #AC98D6, #AE7123, #006A74, #3E2E59)
• Quiet Powder Quarry color palette (#FFF0F8, #B7AFFF, #BB783F, #396843, #00351D)
• Patina Pine Harbor color palette (#F7F3FE, #D39DC5, #89925E, #40774B, #24465E)
• Patina Cypress color palette (#E8F4FF, #BDC2DC, #A094AD, #558060, #355762)
• Timeworn Iris color palette (#DEE8FF, #7579FF, #B63600, #005633, #002740)
• Worn Lagoon color palette (#EEF8F3, #A5CEC6, #679D84, #6F6D90, #264A44)
• Softworn Balcony color palette (#F4F4FF, #D8A5FF, #D88298, #A0714E, #283757)

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