Teal Basin color palette — #FCF3EF · #BEE7F3 · #9FCDED · #7CAF96 · #604A5C

A conversation between Sage and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Powder Blue (#BEE7F3): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9FCDED): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#7CAF96): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#604A5C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal 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

• Worn Lagoon Terrace color palette (#F5F6EE, #C4DDE3, #9DCECA, #5A9F9F, #385547)
• Hushed Basin color palette (#FFF0FA, #B6C3FF, #C2C27E, #8BAF81, #4C3D48)
• Worn Powder Hollow color palette (#FEF3EA, #C4EBFF, #88B8FF, #21A696, #3D3966)
• Patina Powder color palette (#D7FEE5, #B7DFFF, #9EB5F9, #9D91BF, #63464E)
• Hushed Cypress color palette (#F6F0F4, #D3D2E6, #6AA5C4, #137C67, #27374A)
• Cobalt Drift color palette (#FCE9DE, #3DB0D0, #0077C9, #005F4C, #06002B)
• Fern Station color palette (#FFF3E8, #EED6AF, #D1AE90, #AA8A7D, #544700)
• Quiet Azure color palette (#F7E4DC, #65D3DC, #009FD5, #16814C, #021C4A)

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