Teal Basin color palette — #F2F7F1 · #D1DFDD · #A5B7C1 · #64BDB9 · #424A42

A conversation between Mint Leaf and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D1DFDD): bright and airy, almost weightless.
• Ash (#A5B7C1): A luminous, dusty blue — the color of deep harbor water.
• Mint Leaf (#64BDB9): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#424A42): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Lagoon Hollow color palette (#F2F7F1, #D3DDDC, #D2BAB5, #4EA094, #444943)
• Muted Turquoise color palette (#EEF8F1, #C0E3E4, #C5C4F6, #00AAC5, #24382C)
• Washed Turquoise Quarry color palette (#D6EBDE, #00BDE4, #487B6E, #3C4F44, #141A15)
• Worn Orchard color palette (#EBF4F6, #D1D8E1, #B5BDCA, #408181, #202F33)
• Periwinkle Hollow color palette (#F9F3F8, #E7D5D5, #D5BAB6, #869DDD, #423640)
• Lilac Boulevard color palette (#EEF8F0, #59D2E0, #9C93E4, #B45F6D, #43370D)
• Mint Bloom color palette (#F9F5EA, #DBD7AE, #85BD7E, #849777, #4B4300)
• Worn Hollow color palette (#DEFBE5, #B2E3D0, #C9A8C2, #AD8F82, #724501)

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