Teal Drift color palette — #FFF2E8 · #D3CAA2 · #74B1A6 · #8E6A68 · #6B4947

Turquoise and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF2E8): bright and airy, almost weightless.
• Pistachio (#D3CAA2): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#74B1A6): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8E6A68): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#6B4947): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Worn Azure color palette (#F2E3BD, #9BD0B3, #569EC1, #8C6148, #66412B)
• Muted Cerulean Station color palette (#E1E7D7, #7DB6AD, #548ABB, #7B5637, #38322D)
• Antique Atelier color palette (#F8F9CE, #D2D9B5, #AFBE9E, #7E9F91, #644A67)
• Worn Veil color palette (#DDFFE8, #B1E6EE, #92C4D0, #867E94, #534666)
• Sunlit Lagoon color palette (#F9DDC6, #A2B770, #00A197, #904339, #672821)
• Dusty Courtyard color palette (#FBF3F0, #CAF0D7, #69ACDF, #438A6F, #563F51)
• Quiet Blush color palette (#F1FADC, #61BB81, #DD6F95, #BF5F50, #373932)
• Patina Petrol Coast color palette (#EDF1E0, #47A0A8, #3E6AAE, #624917, #372300)

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