Tempered Basin color palette — #FCF3F0 · #BCE8F0 · #5DB2D7 · #34804F · #3D243D

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Frost (#BCE8F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5DB2D7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#34804F): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3D243D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, 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

• Cypress Balcony color palette (#FBF4EC, #C4E3F8, #95A2DC, #097E82, #352648)
• Lagoon Alley color palette (#F0F7F1, #C4E7F2, #67C0D6, #00A387, #024157)
• Softworn Cerulean color palette (#F9F3F8, #A0CDDC, #0084AB, #0E6332, #273C55)
• Muted Olive color palette (#F5F7E3, #96D18C, #CC8CCA, #448936, #3D153C)
• Timeworn Driftwood color palette (#FCF3F0, #C5DEE1, #A7C4E9, #759E7A, #59465B)
• Cerulean Veranda color palette (#F7F1E8, #99D4D7, #008BA2, #005D4C, #00281B)
• Denim Boulevard color palette (#EFE1DB, #5FB1BA, #005C80, #002D18, #000108)
• Feathered Coast color palette (#FFF4DD, #BAC661, #6BA33A, #006A44, #003E38)

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