Teal Studio color palette — #DFF7FB · #23AB97 · #AF6E6E · #7E5050 · #142629

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

The five colors

• Ivory (#DFF7FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#23AB97): A luminous, balanced teal — the color of glacier melt.
• Mocha (#AF6E6E): A luminous, balanced red — the color of embers at dusk.
• Coffee (#7E5050): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#142629): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Teal Archive color palette (#E3F6FA, #15A795, #A05E39, #654155, #26191F)
• Patina Teal color palette (#E3F6FC, #00B2B4, #9C5A71, #5C4A14, #122E1C)
• Washed Azure color palette (#E3F5FF, #00A5CA, #A17B46, #755831, #16252D)
• Tempered Loft color palette (#E3F7F3, #74A55C, #9B739B, #61587B, #142723)
• Cerulean Workshop color palette (#EBF7FF, #519CB1, #8675A1, #765071, #2E4049)
• Teal Study color palette (#EFF9EA, #74BBAB, #C48B82, #9C6D62, #364130)
• Ancient Harbor color palette (#FFECF2, #38C0CB, #6E73A6, #6A4B29, #1E2E3A)
• Patina Market color palette (#E0F6FF, #008C98, #B1411D, #822400, #00181B)

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