Teal Studio color palette — #EFF7F8 · #D6DAE1 · #BEB1B3 · #7DBDB1 · #435052

Mint Leaf and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DAE1): bright and airy, almost weightless.
• Ash (#BEB1B3): soft and architectural.
• Mint Leaf (#7DBDB1): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#435052): quiet, heavy and certain.

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

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

• Driftwood Delta color palette (#E1FBFE, #CEDDE8, #B2C7D3, #A5859C, #3E5341)
• Muted Driftwood Atelier color palette (#EAF4F6, #D0D8E0, #ADACB9, #638A93, #30383A)
• Abyss Loft color palette (#E3EEF1, #AEBDC6, #8394A7, #004545, #000102)
• Muted Turquoise Meadow color palette (#EBF7FD, #70BCCB, #475666, #192E37, #091112)
• Petrol Veranda color palette (#EDF7FE, #D9D7E9, #B3B9D6, #006793, #030E17)
• Bronze Grove color palette (#FFF0F8, #AEECDB, #6EAACD, #9B6247, #23454F)
• Worn Veranda color palette (#F0F5FF, #DDD8E2, #C7BDB6, #516FF2, #16243E)
• Navy Ridge color palette (#EAEEF5, #CBCFDD, #A5A2BE, #0046A4, #00020A)

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