Teal Studio color palette — #FFF0F7 · #C5EBFF · #8BB7FF · #00A799 · #3F3962

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Frost (#C5EBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8BB7FF): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#00A799): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3F3962): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Soft Ridge color palette (#FCF1FB, #A2F5F9, #37C6FB, #52A56C, #224069)
• Periwinkle Quarry color palette (#F7EBEF, #A8DAFF, #819EFD, #01918F, #322648)
• Wandering Thicket color palette (#F9F3FA, #D2D6EA, #ADC1E5, #7BADA7, #445465)
• Weathered Azure color palette (#CAECE5, #03D5F0, #04ABF1, #3982D3, #3C3C77)
• Hushed Boulevard color palette (#EDF7FF, #85CEFF, #FFAB71, #0096DA, #5C2C00)
• Misty Archive color palette (#EDF6FF, #B5DAFF, #66A8FF, #2678CC, #00294E)
• Aged Harbor color palette (#ECDBE9, #5FD3E0, #009ED8, #0D8150, #081C45)
• Hazy Mustard color palette (#D3F1FF, #8ADAFF, #B1B73C, #C08A00, #003649)

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