Teal Studio color palette — #F1F7F2 · #D6DFED · #9CCFE9 · #69B1AD · #435566

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D6DFED): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9CCFE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#69B1AD): A luminous, dusty teal — the color of sea glass.
• Peacock (#435566): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Tempered Teal color palette (#FAF4F0, #C6DCE4, #B7C1F4, #4CA588, #5F4258)
• Hushed Cobalt color palette (#D7E6DA, #82B8D6, #0087DF, #006B77, #000A42)
• Ash Lantern color palette (#F5F1EB, #C8E2DF, #6EA4C0, #3B7773, #243C35)
• Patina Mallow Delta color palette (#F9F2FF, #F4AFD3, #C3C280, #71BAD9, #483D52)
• Linen Villa color palette (#ECF9EE, #D6DEFD, #7FBAFF, #00A2BA, #2B3C70)
• Patina Balcony color palette (#F7F2FF, #F7C2E4, #99D7BA, #D091BB, #265657)
• Dusty Stone Ridge color palette (#FAF1FF, #FFD0DF, #E1A7BD, #B07B93, #43304D)
• Teal Atelier color palette (#F0F7F1, #D4E0EF, #A6CDE2, #6CB1A3, #3F5666)

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