Teal Drift color palette — #F6F6E7 · #B1F4F1 · #00A6AD · #006B5C · #002328
A conversation between Turquoise and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Sea Foam (#B1F4F1): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00A6AD): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006B5C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002328): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Azure Alley color palette (#F4F7EC, #B5EBEE, #4D99D1, #00667E, #001F3E)
- Timeworn Villa color palette (#F5F6E9, #B7E5EF, #50B6C9, #00807A, #003441)
- Tempered Turquoise color palette (#E2E4D1, #5AB1BF, #005F72, #002B2B, #000102)
- Softworn Cerulean color palette (#F5F7EA, #8DD9EB, #0087A8, #005155, #000F17)
- Wandering Canyon color palette (#F2F9DE, #C2EDEB, #6FDFCD, #63884E, #00341E)
- Dusty Moss color palette (#F5FACE, #46AB3E, #0093A2, #8F6000, #011101)
- Petrol Courtyard color palette (#ECF0E4, #8DBEDD, #006CAB, #003B4C, #00020A)
- Patina Pine color palette (#DEFFE3, #73D693, #008D45, #004A24, #000501)
Browse the whole catalog at Explore, or see today's palette.