Teal Studio color palette — #FFEBF6 · #3CC1BE · #6677A5 · #684559 · #1C2F39

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

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Turquoise (#3CC1BE): A luminous, balanced teal — the color of glacier melt.
• Slate (#6677A5): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#684559): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#1C2F39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged retro, 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

• Worn Studio color palette (#E4F8E9, #5CBBD0, #7770A6, #375B44, #212E39)
• Tempered Turquoise color palette (#E5FAF9, #72B2C9, #577B9A, #6A4C74, #374A58)
• Worn Lagoon Ridge color palette (#EAF5EC, #A2CEC1, #5B8D8D, #52646E, #213630)
• Hushed Teal Station color palette (#E7F5F8, #03B3AD, #9A5C6E, #644525, #391D28)
• Tempered Loft color palette (#F6EFF5, #D1D3EC, #71A4BC, #447572, #28374A)
• Tempered Delta color palette (#FFF3E9, #78CFD0, #7595BE, #8E6447, #364E40)
• Hushed Balcony color palette (#E1F0F9, #0190B8, #313B50, #171F25, #080D0F)
• Gentle Market color palette (#D2F2E2, #0098BD, #67459D, #3E3B00, #06192C)

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