Teal Loft color palette — #FBF2F7 · #D8D4E3 · #ABC9F0 · #75AFA2 · #4B5267

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#D8D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#ABC9F0): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#75AFA2): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4B5267): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Dusty Dune color palette (#F8F2FF, #FFEAC6, #EBD6DB, #AFB6D6, #564A58)
• Timeworn Balcony color palette (#F9F4ED, #C3F0EF, #8BBEAD, #709074, #5C4D5C)
• Dusty Mallow color palette (#FAF2FF, #FFA9CD, #84CEC0, #6FAFBC, #483E4E)
• Powder Lantern color palette (#FFF1F5, #CFE8FF, #A1B0FF, #00A5AA, #48355F)
• Softworn Orchard color palette (#F7F0EC, #CAE1E0, #79A0C7, #007B77, #452D40)
• Cobalt Summit color palette (#EDE0E5, #5FAAD6, #486FCB, #005E59, #0D0025)
• Dusty Sand Boulevard color palette (#FFF0F7, #EFD6A9, #D2A7BC, #9E8B9E, #394D44)
• Mallow Coast color palette (#EBEEFF, #F0C4FF, #E39FC6, #BB818C, #5F465A)

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