Teal Drift color palette — #E1FBFD · #00B895 · #274C5A · #122123 · #020706

Turquoise and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E1FBFD): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00B895): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#274C5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#122123): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020706): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Turquoise Terrace color palette (#EAF7FF, #00AFD6, #38475A, #112129, #020608)
• Teal Quarry color palette (#D0EBED, #30C59F, #557585, #3A4E4F, #111A18)
• Softworn Moss Quarry color palette (#E5FBF4, #87AE1B, #264E4E, #12221E, #030604)
• Hushed Lagoon color palette (#BEFCFB, #009090, #003042, #272022, #00090D)
• Dusty Cornflower color palette (#EEF6FF, #008DF0, #2C334E, #04101E, #000103)
• Quiet Aqua Lagoon color palette (#E8F8FF, #00D2EA, #F08883, #BC8261, #112F3B)
• Wandering Hollow color palette (#FBF2F9, #D4D4E3, #87C5DF, #51917A, #2B4157)
• Glacier Boulevard color palette (#E7F9FF, #56ECFA, #FE9F7E, #009CA8, #542C1F)

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