Teal Bloom color palette — #DEE3BB · #7DBEA8 · #577C60 · #6F4A53 · #5A3A37

A conversation between Mint Leaf and Fern, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#DEE3BB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7DBEA8): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#577C60): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#6F4A53): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#5A3A37): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Washed Cerulean color palette (#DBF7EF, #78B1BA, #5982A3, #6A4A46, #413D36)
• Muted Cocoa Hollow color palette (#ECFCD4, #A0B9A0, #759386, #705A59, #654000)
• Patina Pine Corridor color palette (#FCF5DF, #88A66B, #387142, #4D4B44, #36362F)
• Hushed Jade Courtyard color palette (#DCF2E5, #00B08A, #008176, #005456, #003E48)
• Timeworn Lagoon color palette (#CEE7D6, #009B8E, #186071, #512A2E, #3A150A)
• Driftwood Studio color palette (#BCE8F6, #A4C8DA, #8EAFC7, #8776B0, #454061)
• Patina Plum Market color palette (#E5F3E3, #00A29E, #C04A63, #006461, #57202B)
• Turquoise Terrace color palette (#DFFBFF, #00BACB, #006C76, #004148, #00272A)

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