Teal Hollow color palette — #FFF2EF · #EEB0BF · #40CAB6 · #B97587 · #405438

Aqua and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#EEB0BF): A luminous, dusty red — the color of embers at dusk.
• Aqua (#40CAB6): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#B97587): A luminous, balanced red — the color of late-summer berries.
• Deep Olive (#405438): A full-bodied, dusty green — the color of fresh herbs.

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

• Dusty Blush color palette (#FFF2EE, #E696A1, #52AB95, #A05B66, #44523B)
• Aged Sky Bloom color palette (#FFF2E9, #F2B592, #5FBEE9, #C0784D, #345547)
• Weathered Mint color palette (#FFF1F4, #DAB3ED, #93C177, #A479B7, #4D4E46)
• Weathered Drift color palette (#FCF1FE, #FEC2CB, #8FD9BD, #E18C9A, #235659)
• Ancient Jade color palette (#FFF2EE, #EB95A2, #8AB45C, #6796C7, #513D38)
• Softworn Bronze Thicket color palette (#FCF4EA, #D8C8AF, #BA9466, #9D6636, #5A4500)
• Scarlet Studio color palette (#FFF2ED, #FF847D, #00AFC2, #D9222E, #00434B)
• Hushed Cocoa color palette (#FCF3ED, #E3CFA4, #A56E55, #743D0E, #342921)

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