Teal Loft color palette — #F9F4EE · #C3DEE4 · #9FC8F3 · #58A293 · #3C534A

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C3DEE4): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9FC8F3): A luminous, dusty blue — the color of open sky before noon.
• Eucalyptus (#58A293): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3C534A): A full-bodied, dusty teal — the color of sea glass.

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

• Washed Hollow color palette (#EEF7F6, #D0DEEF, #73A1B5, #3E7A77, #3E5664)
• Muted Cerulean color palette (#FAF4EC, #8FDBDE, #00899F, #005343, #000F17)
• Denim Grove color palette (#EEE6DB, #59B0C4, #005D7C, #002B29, #000103)
• Wandering Thicket color palette (#FFF2EC, #DFDBCD, #9AB9B2, #CDA59B, #7A4611)
• Tempered Summit color palette (#FAF4EB, #D7D6E4, #4BB8FF, #00878D, #113562)
• Azure Boulevard color palette (#FBF4EA, #CBEAFF, #4C95E3, #006877, #111C3C)
• Glacier Parlor color palette (#FFF2EC, #F0D5C2, #61DFF8, #CE8379, #344D3C)
• Ancient Alley color palette (#FFF2EC, #FFB7A5, #80CF9C, #939ED3, #3E3733)

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