Teal Atelier color palette — #F9F3F7 · #D7D4E0 · #BEC0ED · #52A390 · #444D63

A conversation between Turquoise and Lavender, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Lavender (#BEC0ED): A whisper-light, dusty violet — the color of a velvet chair.
• Turquoise (#52A390): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#444D63): A full-bodied, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Teal color palette (#EAF7FF, #DCDAE5, #78C4B3, #B7ADA5, #3F5061)
• Azure Market color palette (#ECF7FF, #CDDCFB, #FFB8A2, #4AA5D2, #5A3A50)
• Wandering Ash Harbor color palette (#EDF4EE, #D2DDF2, #78A2BE, #47727F, #27384A)
• Periwinkle Garden color palette (#FFF1F6, #D8D3DE, #96A7FF, #00878B, #3E2859)
• Wandering Cobalt color palette (#D8FEFF, #AFE6FF, #66C8DF, #357EAC, #394864)
• Washed Pewter Lantern color palette (#FCF3EE, #C8EBE9, #AA8EAD, #627654, #614B59)
• Cobalt Coast color palette (#FFF0FA, #A6D3EA, #287FC2, #005340, #070035)
• Driftwood Boulevard color palette (#EFF8F0, #C0E6E6, #C2AB82, #9A6F59, #284641)

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