Teal Loft color palette — #D7E8ED · #00C3BE · #4E7786 · #364E54 · #111A1C

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

The five colors

• Frost (#D7E8ED): bright and airy, almost weightless.
• Turquoise (#00C3BE): A luminous, balanced teal — the color of glacier melt.
• Slate (#4E7786): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#364E54): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#111A1C): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Teal Loft 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

• Dusty Sky color palette (#D6E7F6, #50B4F4, #577291, #3C4C59, #13191D)
• Timeworn Meadow color palette (#D3EAE7, #6BC26B, #497A79, #34504C, #121A18)
• Patina Lagoon Alley color palette (#D7E8EC, #00A59C, #305265, #1A3237, #111A1A)
• Turquoise Summit color palette (#BAE8F9, #5ADBF1, #00B9D8, #008DB2, #28495E)
• Hushed Teal Garden color palette (#E8F9F8, #A9E1E3, #56C2A8, #6A9B98, #2C4849)
• Midnight Denim color palette (#D2E2EF, #00638C, #002341, #0B0E16, #000204)
• Wisteria Thicket color palette (#EDF6FF, #81C5FF, #D693FF, #37BDA7, #253A4E)
• Tempered Basin color palette (#E8F8FF, #BBDCF1, #8EB8DE, #8A8BAD, #504B5E)

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