Tempered Basin color palette — #EFF7F5 · #CFDFEF · #63A6AC · #437A71 · #3F5761

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CFDFEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#63A6AC): A luminous, dusty blue — the color of deep harbor water.
• Teal (#437A71): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3F5761): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Hushed Teal color palette (#DBEFEA, #56B0AA, #006467, #003F34, #002529)
• Misty Azure color palette (#E8F9F6, #93BE8A, #49A2D8, #4D8243, #375064)
• Tempered Taupe Harbor color palette (#F9F3F9, #D3D6E9, #9CD0E3, #87AE8B, #40556B)
• Dusty Turquoise color palette (#FCF3EF, #CBEBE2, #7CBDCE, #808C67, #365148)
• Muted Lagoon Bloom color palette (#E2F2EF, #468D95, #004450, #002221, #000B11)
• Patina Petrol Loft color palette (#E7F1F0, #7CBBD8, #0070A0, #004E5B, #003051)
• Hushed Cerulean color palette (#EAF9F7, #9DD9EA, #008CB2, #00656C, #024661)
• Washed Cerulean Meadow color palette (#E0FCFA, #5AAC7B, #1498BA, #89743A, #314747)

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