Teal Drift color palette — #E9F9F6 · #BCE3EF · #73AD8A · #488374 · #1F3F3C
A conversation between Jade and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F6): bright and airy, almost weightless.
- Powder Blue (#BCE3EF): A whisper-light, dusty blue — the color of open sky before noon.
- Jade (#73AD8A): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#488374): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#1F3F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Teal Parlor color palette (#EEF8F2, #ACE2D5, #80BC99, #6998A9, #2C4943)
- Dusty Teal Villa color palette (#DEFCFB, #5DB697, #007060, #00415D, #000A06)
- Weathered Lagoon Ridge color palette (#EAF9F7, #AADEBF, #539A80, #286C84, #002F2F)
- Tempered Lagoon color palette (#EDF8F6, #D5DEEB, #6ECADF, #009592, #1A4459)
- Lagoon Drift color palette (#CBE8E5, #52A175, #005C44, #00332E, #000201)
- Basalt Pier color palette (#F6F6E9, #93BC92, #4D815F, #525E48, #424700)
- Muted Pine color palette (#E3FCF6, #97CA99, #1B8C55, #005B69, #001D1B)
- Hushed Hollow color palette (#DDEFE7, #6E834A, #1F4700, #002120, #010100)
Browse the whole catalog at Explore, or see today's palette.