Teal Studio color palette — #F2F7EE · #B1EDF4 · #B8CAFF · #00B393 · #394469

Turquoise and Lilac Frost set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Sea Foam (#B1EDF4): A whisper-light, dusty blue — the color of open sky before noon.
• Lilac Frost (#B8CAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Turquoise (#00B393): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#394469): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Softness. Tagged light, muted, cool.

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

• Wandering Basin color palette (#F5F7E7, #C7E9C5, #94D4FF, #6AAD60, #254F42)
• Turquoise Grove color palette (#EEF8F1, #B6F1FF, #C7D48E, #00ACC7, #48463F)
• Cerulean Courtyard color palette (#F0F7F1, #BAE2D4, #4A939B, #124F56, #131E16)
• Weathered Mint color palette (#F0F8EC, #C8E7DD, #83CAB0, #A1BAD4, #475845)
• Timeworn Cypress Pier color palette (#EAFBE6, #ACE5E8, #69C0B6, #007D71, #00342F)
• Worn Pier color palette (#F2F8E9, #A5E6C4, #FFACBA, #66BD94, #65443C)
• Cobalt Workshop color palette (#EAF9F4, #A9DBFF, #E99FD4, #0093D7, #532548)
• Wandering Mint color palette (#E5F6F6, #75C6A7, #C6869E, #437F69, #392A41)

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