Teal Loft color palette — #F0F8F0 · #B4F3F2 · #FFB5B9 · #00B0B0 · #623A2F

Built around Turquoise, softened by Ballet Pink — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F0F8F0): a clean, paper-quiet neutral.
• Sea Foam (#B4F3F2): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#FFB5B9): A whisper-light, balanced red — the color of late-summer berries.
• Turquoise (#00B0B0): A luminous, balanced teal — the color of shallow lagoons.
• 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

• Jade Summit color palette (#F2F8E9, #BAF5D8, #F6B4DF, #20B480, #5D3851)
• Wandering Azure color palette (#EAF9F4, #B1EAF0, #F8BE8F, #3DA2E8, #5E3E22)
• Muted Seafoam color palette (#EDF9EE, #C3E9E8, #CABFC3, #8BCEC0, #3D5445)
• Coral Coast color palette (#E5FCED, #4EDBFD, #FF876A, #008DA7, #580F00)
• Hushed Teal Harbor color palette (#E5F9FF, #56C4C3, #C58584, #318080, #5B445A)
• Timeworn Abyss Terrace color palette (#ECF9F4, #CCDACA, #618CA7, #1D4B66, #0F1F19)
• Taupe Courtyard color palette (#EAFAEC, #96D9DE, #D7A7DE, #C19C53, #2B3E2E)
• Wandering Basalt Grove color palette (#FFF3E9, #E1DCC1, #C9A78C, #9B6D61, #553900)

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