Teal Studio color palette — #FAF3F6 · #D6DEF5 · #A4BEED · #00AFA3 · #3F4663

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Frost (#D6DEF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#A4BEED): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#00AFA3): A luminous, balanced teal — the color of sea glass.
• Charcoal (#3F4663): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Teal Thicket color palette (#ECF7FF, #DAD8E5, #AAB6A6, #53C0AF, #414F66)
• Ancient Cerulean color palette (#F9F4EE, #C6E3E3, #7AAAD4, #008B97, #583D56)
• Worn Alley color palette (#B2EBF4, #7ADDEA, #36B6E4, #478DD6, #3E436A)
• Cobalt Delta color palette (#EDF6FF, #C1DCFF, #72B5F2, #3B7DCD, #003259)
• Cobalt Hollow color palette (#F2E3EE, #7EA7BB, #007AC0, #006048, #04002D)
• Feathered Azure Terrace color palette (#EBF7FF, #95D6F3, #F3AD69, #00AEE0, #613703)
• Aged Emerald Bloom color palette (#FDF0FF, #88EEED, #00BCEB, #009F3E, #003362)
• Soft Pine Archive color palette (#F5E8F4, #96C9D9, #00A0CE, #00833E, #001E44)

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