Tempered Basin color palette — #FCF3EF · #BCEBF5 · #33B3EC · #0D8350 · #3C253B

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#BCEBF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#33B3EC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#0D8350): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3C253B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Turquoise Atelier color palette (#FDF3F0, #CCE0F9, #00B8DF, #417F42, #07372E)
• Washed Periwinkle Alley color palette (#FBF4ED, #C4E3F7, #899EFF, #007F81, #422331)
• Washed Sky Loft color palette (#EEF8F0, #B7E9FC, #4EC2E2, #29A08D, #1B3E56)
• Hazy Loft color palette (#FFF3E9, #C6ECFF, #4590FB, #006B5F, #1D1543)
• Cerulean Dune color palette (#FAF3F8, #A5CCDA, #3083A0, #006248, #1D3D59)
• Tempered Powder color palette (#FBF3F1, #BFE3EA, #A7C7FA, #6CA07A, #574757)
• Denim Alley color palette (#F8E8E1, #6DAEBA, #005B85, #002D1C, #00000C)
• Blush Workshop color palette (#FFF2EF, #F477A0, #00A4D6, #3D80CB, #2F100D)

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