Teal Studio color palette — #FAF3F6 · #D9D4E2 · #BEBCE4 · #5CB4A8 · #4A516C

Turquoise takes the lead with Lavender close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D9D4E2): a clean, paper-quiet neutral.
• Lavender (#BEBCE4): A luminous, dusty violet — the color of wild irises.
• Turquoise (#5CB4A8): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4A516C): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Teal Villa color palette (#EBF8FB, #A3E3DC, #F1AFD9, #23C0B6, #534663)
• Antique Cerulean Cabin color palette (#F8F4EE, #CEE3E4, #8DB6DB, #3196A1, #5F4B5D)
• Washed Study color palette (#EBF9F1, #C4E0D9, #99C1AB, #AD8B66, #364D4C)
• Worn Indigo color palette (#F4E0E7, #90B4D8, #6B73EA, #006C72, #1F0035)
• Weathered Hollow color palette (#DCFEF0, #BDE0B4, #6BCDAE, #1FA096, #295264)
• Coral Market color palette (#E3FAFF, #91D6CF, #F3A2C0, #DD887F, #2D474D)
• Powdered Emerald color palette (#FBF1FC, #C1EDF9, #15C9F6, #3EAA4C, #0B4170)
• Wandering Market color palette (#E6DAE1, #96C8DE, #5694DF, #007F6D, #1C0E53)

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