Teal Loft color palette — #EFF9EA · #B0F6E7 · #F7B5D6 · #3FAF9C · #603A3A

Turquoise takes the lead with Carnation close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#EFF9EA): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B0F6E7): A whisper-light, dusty teal — the color of glacier melt.
• Carnation (#F7B5D6): A whisper-light, balanced rose — the color of pressed rose petals.
• Turquoise (#3FAF9C): A luminous, balanced teal — the color of sea glass.
• Cocoa (#603A3A): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Antique Hollow color palette (#F9F6E4, #C1EEC5, #E0BDED, #96A258, #613844)
• Timeworn Loft color palette (#EDF9F1, #B4F2FF, #F4BF9F, #54A8B9, #6A3700)
• Hushed Veil Thicket color palette (#F1F8EB, #B7E3EE, #E7D3CE, #B6B28F, #415042)
• Cerulean Corridor color palette (#EEF8F4, #D9D6CB, #5F8CA8, #324D43, #121E1A)
• Softworn Coral color palette (#E9F9F8, #88BF9A, #D07D83, #3E8359, #5B445C)
• Dusty Stone Loft color palette (#EFF9E8, #97DCC7, #EDA4AE, #CD8E97, #323C29)
• Aged Teal Hollow color palette (#E7FCE5, #C3EBF5, #6CBFB7, #2D7C71, #142F13)
• Timeworn Bronze Quarry color palette (#FCF5E3, #D0E1C8, #BEAD85, #A06E37, #384600)

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