Teal Loft color palette — #EFF8EF · #A6F6F9 · #FFB5BA · #3DACB0 · #623A2F

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

The five colors

• Ivory (#EFF8EF): a clean, paper-quiet neutral.
• Sea Foam (#A6F6F9): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#FFB5BA): A whisper-light, balanced red — the color of embers at dusk.
• Turquoise (#3DACB0): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#623A2F): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Softworn Alley color palette (#ECF9F1, #CAE2FF, #EEC299, #59A6BF, #643B00)
• Antique Jade color palette (#F4F7EB, #BEF6C8, #EAB9E9, #6CAB79, #5F3A40)
• Stone Thicket color palette (#EDF9EC, #C7E5E6, #CCC1B5, #93B89E, #3F5547)
• Turquoise Ridge color palette (#E9F8FE, #A2E2E7, #CFB9FC, #2EBDC7, #52456A)
• Lagoon Harbor color palette (#EEF7F5, #D8D7CB, #5D9285, #2D4E46, #131E1B)
• Hushed Alley color palette (#EAF8FB, #76C0B4, #CF8358, #1A8477, #604353)
• Weathered Glacier color palette (#E5FCEA, #7EDDE9, #E7A8A8, #D08F81, #2C3D30)
• Taupe Dune color palette (#EBF5EB, #65C6C2, #B19B49, #14827F, #34312A)

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