Teal Loft color palette — #F7DDD4 · #C0B584 · #62A482 · #9E6371 · #572A36

Jade and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7DDD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#C0B584): A luminous, dusty green — the color of new leaves after rain.
• Jade (#62A482): A luminous, balanced teal — the color of sea glass.
• Mocha (#9E6371): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#572A36): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Muted Driftwood color palette (#F1E0D2, #D8C2A6, #97B38A, #A96B87, #61381B)
• Softworn Terracotta color palette (#ECDDD6, #B29F76, #529A7F, #8E453D, #451C0B)
• Weathered Rust Balcony color palette (#E3E3CF, #BFBE84, #61AD9C, #C14945, #463C00)
• Wandering Thicket color palette (#F6F4C4, #ADD1A5, #239780, #714D63, #402343)
• Wandering Boulevard color palette (#F9DEE5, #D8A6B3, #B0956A, #7467AD, #562235)
• Cerulean Lagoon color palette (#E4E6D6, #8DC8BA, #00A2B9, #A9576A, #1D2F11)
• Ancient Basalt color palette (#E5E5D5, #80B7AD, #52897B, #5C588C, #502A54)
• Cypress Parlor color palette (#F9E8D4, #819964, #177773, #453B5A, #1F152F)

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