Teal Hollow color palette — #E7F0F3 · #CDD3DE · #B2B8CF · #00A6AC · #1C3138

Turquoise and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7F0F3): bright and airy, almost weightless.
• Silver (#CDD3DE): bright and airy, almost weightless.
• Ash (#B2B8CF): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#00A6AC): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#1C3138): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Boulevard color palette (#E8F0F2, #CFD9E0, #A8B8D3, #00837F, #1A3238)
• Patina Emerald color palette (#E8F0F0, #CAD4DB, #AABCCC, #2EAC5C, #1E3231)
• Tempered Bloom color palette (#EFF6FF, #DBD7EC, #CCB9DF, #4099FF, #1F344C)
• Washed Bloom color palette (#E4EBE5, #BCD2C5, #8EABA1, #006165, #101811)
• Antique Emerald Canyon color palette (#D9E9E2, #A9C493, #59A469, #008878, #1D2F09)
• Soft Studio color palette (#CCE6D1, #00C0D1, #318ED5, #AE3246, #002934)
• Hushed Brick Thicket color palette (#CDE6F2, #00B5D0, #946CCC, #B5170C, #1D2200)
• Cerulean Boulevard color palette (#D5EEFF, #0099C5, #385676, #003547, #000509)

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