Teal Drift color palette — #EEF4E8 · #56B08C · #008091 · #2D4D78 · #312604

Built around Jade, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Jade (#56B08C): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#2D4D78): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#312604): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Softworn Terrace color palette (#F4F2E7, #9BA35D, #238461, #005665, #382205)
• Cobalt Harbor color palette (#EBF5ED, #43ADBD, #4A70B4, #5B3F6B, #202C0F)
• Tempered Aubergine color palette (#E7F8E2, #009789, #00638A, #38009A, #081E00)
• Lagoon Corridor color palette (#E6F5D4, #7ECDB4, #009F89, #116F66, #2B402A)
• Softworn Market color palette (#E9F9F4, #84A54B, #5170A5, #6B4560, #533241)
• Wandering Ultramarine color palette (#E4F2E7, #008C9A, #0D4DB3, #4C0F65, #001911)
• Softworn Thicket color palette (#F1F3EC, #C0E6EA, #77A0CB, #427287, #3F303F)
• Muted Taupe color palette (#EDF6E3, #B5C7AF, #89A48E, #705A6C, #493842)

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