Teal Drift color palette — #FFF1F4 · #D9B4DE · #B8BC7B · #57AC92 · #4B373B

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D9B4DE): A luminous, dusty pink — the color of peonies in June.
• Sage (#B8BC7B): A luminous, balanced green — the color of new leaves after rain.
• Jade (#57AC92): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4B373B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Teal Drift 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 Turquoise Cabin color palette (#FFF2EE, #EFAFB7, #8DC6A4, #43A9C1, #4D3732)
• Moss Meadow color palette (#FFF0FA, #B2BFF7, #D9AD7E, #92A358, #493644)
• Worn Powder color palette (#EDF7FE, #88CDF7, #82BF97, #5689A8, #24343F)
• Softworn Study color palette (#FFF1F1, #CF98B4, #C28F68, #008E81, #4D3636)
• Muted Jade color palette (#FEE9E5, #EC8AA0, #3BB984, #0092A9, #3B1D17)
• Muted Moss Veranda color palette (#FFF1F1, #FFA6DB, #68A700, #009C9B, #461735)
• Ancient Fuchsia Boulevard color palette (#FCF2F3, #FED0D6, #E6A781, #DC88D7, #332C28)
• Patina Delta color palette (#FFF1F2, #FFCFDC, #EAA4A3, #C37356, #6B3600)

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