Teal Loft color palette — #ECF5EB · #4DAEAC · #966066 · #6F3B32 · #3B1F09

Turquoise takes the lead with Cocoa close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Cream (#ECF5EB): a clean, paper-quiet neutral.
• Turquoise (#4DAEAC): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#966066): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#6F3B32): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3B1F09): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Jade Grove color palette (#F2F3E9, #81A976, #7E6593, #6E3E1B, #3B1F05)
• Patina Periwinkle color palette (#F8EEF9, #749FD3, #8C6A48, #66441F, #2E2801)
• Chestnut Villa color palette (#EAF7DB, #B7CBBF, #A28E97, #88591F, #5A3500)
• Antique Coast color palette (#E8F7E3, #009789, #962A68, #473600, #201700)
• Glacier Archive color palette (#E8F8FE, #7CDEE5, #9793C4, #93575D, #1C412E)
• Worn Studio color palette (#E0F2EB, #1D86B5, #824100, #462F00, #1A1300)
• Tempered Cerulean Villa color palette (#E0FBDE, #80C0D9, #518DB9, #4F5C8A, #462B3A)
• Aged Bronze Delta color palette (#EEF8F4, #ABB97C, #7F88BE, #856222, #3F471C)

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