Teal Drift color palette — #F8F5E8 · #AFD6AE · #62B298 · #828956 · #35362F
Jade takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F8F5E8): a clean, paper-quiet neutral.
- Pistachio (#AFD6AE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#62B298): A luminous, balanced teal — the color of sea glass.
- Moss (#828956): A luminous, dusty green — the color of new leaves after rain.
- Espresso (#35362F): quiet, heavy and certain.
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
- Tempered Taupe color palette (#FFF3E6, #D4CB98, #91AB63, #58917F, #38352E)
- Ancient Teal color palette (#F5F7EA, #A0D7C6, #5DAFB3, #AC745D, #2A3C1A)
- Wandering Emerald color palette (#F6F7E6, #B7DBB7, #449F68, #546B45, #272A0E)
- Hushed Coast color palette (#E8E6CF, #8CCBA1, #32A594, #2A7FA0, #003219)
- Softworn Fern color palette (#F9F5EB, #E2DFC6, #B3BB90, #89A289, #584E00)
- Weathered Grove color palette (#FBF3F0, #CBE9CF, #5EC0E1, #00A477, #0E3E60)
- Aged Pine Hollow color palette (#E6E0D1, #789262, #007547, #005259, #030800)
- Muted Pier color palette (#E4F7EF, #7FAE7C, #00765B, #2C4E42, #00221F)
Browse the whole catalog at Explore, or see today's palette.