Teal Studio color palette — #DEF5F7 · #00B496 · #40677C · #1A4348 · #03100E

Built around Turquoise, softened by Peacock — the whole palette hums with calm and sophistication.

The five colors

• Cream (#DEF5F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#00B496): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#40677C): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#1A4348): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#03100E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication. Tagged noir, dark, luxury, 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 Moss color palette (#D8EDE7, #85A94B, #396B70, #19453B, #061009)
• Turquoise Canyon color palette (#D6E8EE, #2BC0C5, #5E7286, #2F4F59, #0C1B1B)
• Ancient Cerulean color palette (#DBF2FF, #00A2C3, #41568D, #003B49, #00090C)
• Tempered Chapel color palette (#DBE3D7, #009580, #27482F, #192612, #0C0F06)
• Lagoon Terrace color palette (#D5F5FC, #008C82, #004865, #002320, #000202)
• Periwinkle Canyon color palette (#D0E6FE, #4DA4FF, #6E5C8F, #294361, #04141B)
• Worn Teal color palette (#ECF9F3, #A2D5D2, #42B5A9, #838859, #083E3C)
• Tempered Courtyard color palette (#E4EFFF, #4B83FF, #604870, #1F3049, #00050B)

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