Tempered Basin color palette — #B8E9E8 · #9DC9D6 · #85AFD0 · #947384 · #5A3647

Blue Fog and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#B8E9E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9DC9D6): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#85AFD0): A luminous, dusty blue — the color of deep harbor water.
• Driftwood (#947384): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#5A3647): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, 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

• Dusty Pewter Drift color palette (#E8F8FF, #AFD8F1, #789DBB, #745D85, #423A53)
• Weathered Abyss Courtyard color palette (#C2ECF1, #ABCBDD, #95A3BE, #718C72, #2C4F3B)
• Feathered Field color palette (#BFE8E9, #83C3F2, #9F94DC, #967A1D, #493900)
• Softworn Terrace color palette (#D6E4DB, #7BACBE, #5A8BC0, #88542B, #3C2500)
• Worn Lagoon Drift color palette (#FCF2F8, #BDE7FF, #79B9ED, #289F95, #29395E)
• Cobalt Alley color palette (#D4F3EE, #3FCEDB, #00AFCF, #1780BA, #203E63)
• Washed Cerulean color palette (#D9E9EC, #6985B8, #7A6286, #494C12, #091300)
• Ancient Azure Market color palette (#DEF2FF, #53CFFC, #EC996C, #00A0CB, #542709)

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