Teal Loft color palette — #F9F4EE · #CCE7E6 · #A1D3C1 · #6CAFB1 · #5E4B60

Turquoise takes the lead with Pistachio close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CCE7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#A1D3C1): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#6CAFB1): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4B60): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Powder Basin color palette (#FBF3EF, #C2E2EE, #92B5D9, #7A8E6B, #614A5A)
• Weathered Pier color palette (#FAF5E3, #D0E7CE, #94CBC9, #C4B393, #554C00)
• Timeworn Turquoise Meadow color palette (#EEF4EF, #D3DDF1, #68A4CB, #2E787A, #293747)
• Linen Garden color palette (#FCF4E7, #BBF2E2, #8BB7FF, #00A1C2, #323973)
• Worn Villa color palette (#FAF6E2, #C6CE89, #89C7E9, #D19EB1, #44423B)
• Hazy Cobalt color palette (#E6DDD0, #6CA9CB, #1277C6, #005C67, #00022D)
• Tempered Studio color palette (#FBF4E9, #CAE9D1, #70BED9, #21A090, #114436)
• Taupe Lagoon color palette (#FAF5E7, #DAD99B, #C7BFF3, #AFAD5D, #624252)

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