Teal Hollow color palette — #EFF4E8 · #5EAF87 · #4F5C4C · #2E3F00 · #22221B

Jade and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Jade (#5EAF87): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4F5C4C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#2E3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#22221B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Patina Moss color palette (#F4F3E1, #88A862, #515F19, #393831, #23221C)
• Weathered Mint Veranda color palette (#E6FAFA, #5CC695, #3A5B61, #202E2E, #0A1110)
• Timeworn Courtyard color palette (#E8F5F4, #7CCB9C, #5D828F, #465958, #1D2321)
• Patina Workshop color palette (#E4F3E0, #009B8C, #004F58, #1C2B17, #0F1407)
• Patina Cerulean Grove color palette (#D2ECDF, #009DCA, #574758, #21322A, #131B15)
• Worn Harbor color palette (#E6FCE9, #5BC3CC, #C092C5, #AA8E59, #344837)
• Wandering Bronze Lantern color palette (#F8F5EB, #D3D4B2, #96A178, #8D7D34, #515000)
• Timeworn Stone Hollow color palette (#ECF9EC, #88D4D4, #E49A9D, #409D9D, #664338)

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