Teal Basin color palette — #F0F8F1 · #D3DFF6 · #8CC5EC · #3DAAAF · #304966

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Frost (#D3DFF6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#8CC5EC): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#3DAAAF): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#304966): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Lagoon Pier color palette (#FCF2F7, #D2DFFA, #7FA8D7, #388B79, #3D4761)
• Washed Taupe color palette (#E3FAFE, #CEDCEA, #B3A7B5, #89B998, #3C565D)
• Petrol Pier color palette (#DDE8DF, #66ADB8, #0081A0, #005E55, #000B14)
• Periwinkle Delta color palette (#E9FBEC, #BADEFF, #79AAFF, #0093B3, #262A66)
• Dusty Cornflower color palette (#E6F5E9, #73B9E2, #0085E5, #006B78, #010349)
• Gentle Jade color palette (#E6FAFB, #87E1BF, #EBA5C8, #2AB88F, #5B3448)
• Ancient Cerulean Alley color palette (#DDEEE1, #94CAD8, #00A5B5, #00805F, #00242E)
• Cerulean Terrace color palette (#F6F1E9, #BFE7D2, #5695BE, #006C70, #372439)

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