Teal Loft color palette — #FAF4F0 · #C7DDE5 · #A1D3C2 · #69B2A5 · #604A5E

A conversation between Turquoise and Pistachio, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C7DDE5): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A1D3C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#69B2A5): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#604A5E): A full-bodied, dusty pink — the color of peonies in June.

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

• Teal Boulevard color palette (#FAF3F0, #D0E5E0, #94D1E7, #6EB394, #2F5249)
• Washed Cerulean Archive color palette (#EFF7F6, #D4DDED, #85BAD0, #1798A2, #38566C)
• Worn Stone color palette (#FFF1F1, #E2D9D0, #A3B9D3, #CE9CBF, #5F4642)
• Teal Workshop color palette (#FFF2EF, #F7B0C2, #A3CB99, #3DC6BC, #573A35)
• Quiet Study color palette (#FFF3E8, #BDF2E0, #8FB6FF, #00A4B0, #3B376F)
• Patina Ash Workshop color palette (#F7EFF4, #D5D1E8, #71A3C5, #3D776D, #2B3747)
• Cobalt Workshop color palette (#E8DBD3, #80AC98, #2A76C2, #005D5C, #04002D)
• Washed Lantern color palette (#F9EBE4, #C0DCBD, #00B8D3, #009756, #003249)

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