Teal Drift color palette — #F3F8E5 · #8FE3B9 · #19C099 · #4194B4 · #154530
Jade and Lagoon set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#8FE3B9): A whisper-light, balanced teal — the color of shallow lagoons.
- Jade (#19C099): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#4194B4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Forest (#154530): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance, Grounding. 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
- Timeworn Jade color palette (#F9F6E3, #BFD99E, #80B66C, #559594, #31401B)
- Jade Corridor color palette (#E2FDF0, #B8E8AF, #34A882, #7F5991, #1A3614)
- Hushed Workshop color palette (#DFE9D1, #75CEB3, #41A395, #407CA1, #202E12)
- Cerulean Station color palette (#F3F7E7, #C3ECFF, #6AC1F5, #00A2BC, #00436D)
- Patina Jade Loft color palette (#DBF9F6, #64BD8F, #007E61, #01546D, #002627)
- Wandering Basalt color palette (#FAF5E8, #DED6B0, #A3B388, #A9887A, #4E4200)
- Quiet Jade color palette (#F1EDC7, #96D479, #4CAF59, #B0643A, #183706)
- Ancient Lagoon color palette (#E8ECD9, #3B9E6E, #007358, #653F00, #000803)
Browse the whole catalog at Explore, or see today's palette.