Teal Loft color palette — #F0F7F2 · #D4DEF6 · #95C4E7 · #4FA8AE · #364961

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#D4DEF6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#95C4E7): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#4FA8AE): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#364961): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Periwinkle color palette (#FAF3F6, #D2DFFA, #80A8D8, #41897A, #3C4764)
• Stone Cabin color palette (#E0FBFF, #C6DFEE, #89C1BE, #BAAEBB, #2B4F58)
• Dusty Petrol Canyon color palette (#DDEEE0, #62AEBC, #0080A4, #005E57, #000A15)
• Soft Studio color palette (#DFEBE1, #80B8DC, #3C85D5, #006A7B, #040841)
• Timeworn Bloom color palette (#E9FAF0, #B2DBCA, #B6AD7D, #709275, #24443D)
• Chalky Hollow color palette (#E8FBEC, #BCDDFF, #7FA8FF, #0092B7, #29266D)
• Sunlit Teal color palette (#E1FBFD, #91DEC4, #F49FCA, #1EB893, #60304A)
• Muted Teal Study color palette (#E3FAFF, #93EBE1, #4FC5BA, #28968B, #003530)

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