Teal Drift color palette — #F2F7EC · #69B692 · #AB745F · #846A39 · #33332C

Built around Jade, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Jade (#69B692): A luminous, balanced teal — the color of sea glass.
• Mocha (#AB745F): A luminous, dusty orange — the color of autumn markets.
• Walnut (#846A39): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#33332C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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

• Taupe Cabin color palette (#F8F5EA, #A0A467, #AF748C, #8E594B, #36322C)
• Wisteria Lantern color palette (#EAF8F9, #71CDA8, #D091C9, #A28147, #233536)
• Bronze Meadow color palette (#E8FBE9, #009C9E, #915E00, #495400, #1A230C)
• Hushed Corridor color palette (#EAF9F4, #6CA9D9, #9F74AC, #895869, #39322E)
• Ash Courtyard color palette (#F0F7F2, #D2DCDB, #A7B5BD, #84A590, #4C554F)
• Dusty Powder color palette (#F2F8E7, #8EC7E6, #7994B7, #856085, #324E46)
• Hushed Blush Canyon color palette (#FFF1F1, #CA79A5, #A5662D, #685B00, #262915)
• Cocoa Garden color palette (#EDF8F2, #5590A2, #75598E, #753700, #283425)

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