Teal Loft color palette — #F9F6E1 · #8FDCA6 · #2BBEA0 · #4C87BA · #3C3E37

Turquoise takes the lead with Lagoon close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F6E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#8FDCA6): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#2BBEA0): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#4C87BA): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Turquoise Orchard color palette (#F6F7E5, #89E4D6, #5FBFCA, #8289B2, #3F4C3E)
• Dusty Jade color palette (#FCF5E4, #D1CB7A, #91B25E, #3E9093, #3F3D36)
• Chartreuse Dune color palette (#FFF0F7, #A7DF7B, #2AA6A0, #7D5472, #113938)
• Ancient Loft color palette (#D4EEC4, #00CDAD, #00A2A6, #3B54ED, #00312C)
• Mint Atelier color palette (#F6F6EB, #D6D8B1, #7FBE84, #949273, #464600)
• Misty Harbor color palette (#D9E3C3, #00BDE6, #0090DB, #83499C, #002C1E)
• Wandering Loft color palette (#F3FBCE, #04D9EC, #00ACE0, #8764BF, #003D48)
• Washed Atelier color palette (#E2E7DB, #49C492, #617854, #3D520D, #171911)

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