Teal Hollow color palette — #FBF3F5 · #D9DDF3 · #AFBAEC · #2BABB1 · #4F3F63

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

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Frost (#D9DDF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#AFBAEC): A luminous, dusty violet — the color of wild irises.
• Turquoise (#2BABB1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4F3F63): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Hollow 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

• Jade Veranda color palette (#F9F3F8, #D0E1F6, #7CC8F2, #4BAE7C, #344866)
• Timeworn Cerulean Parlor color palette (#F8F5EF, #C1E6EB, #83A5E2, #0088A8, #5A3D51)
• Tempered Emerald color palette (#F4EBF6, #B3DBE6, #3DB3DA, #00983B, #052E57)
• Coral Market color palette (#EAFBE8, #BEE9EB, #93C5E0, #E29691, #34503D)
• Tempered Alley color palette (#EADDE3, #7AA7C0, #366FD6, #005E56, #0B0027)
• Amber Lagoon color palette (#EEF8EF, #E7C693, #7FC6FB, #CE9200, #184666)
• Periwinkle Cabin color palette (#E1FDF2, #B8C686, #37C8E2, #54A9FF, #1A4035)
• Azure Studio color palette (#EEE2EA, #90CBD9, #019AE9, #00805F, #0F1552)

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