Teal Drift color palette — #D6E9E6 · #66B88E · #008472 · #00616D · #003031

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

The five colors

• Frost (#D6E9E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#66B88E): A luminous, balanced teal — the color of glacier melt.
• Teal (#008472): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00616D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003031): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, 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

• Muted Pine color palette (#D9E9E1, #94B070, #258736, #006455, #013128)
• Lagoon Thicket color palette (#F2F8E5, #7BCFAC, #208973, #1A5C5B, #001E13)
• Washed Clover color palette (#D1F4EA, #69C36E, #008D62, #3A579C, #163618)
• Wandering Teal color palette (#E8E6D0, #89CC9E, #00A893, #407E96, #09311A)
• Weathered Olive color palette (#ECF9ED, #BFB679, #798A2A, #396B7B, #1F3C2E)
• Timeworn Field color palette (#E8F1EA, #97CDE5, #1E8ED1, #006B71, #182E4D)
• Weathered Fern color palette (#D4ECDB, #949947, #466E00, #004C68, #002116)
• Worn Teal Canyon color palette (#EDF8F6, #A8DDDB, #64AC98, #717D98, #3A5252)

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