Teal Loft color palette — #F2F7F1 · #D3DDDC · #B9B4AA · #64A9A8 · #4F544F

A conversation between Turquoise and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Stone (#B9B4AA): soft and architectural.
• Turquoise (#64A9A8): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4F544F): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ash Villa color palette (#F9F3F8, #E6D8D8, #D1BCB7, #7790B9, #4C454C)
• Stone Veranda color palette (#EEF7F9, #D7DAE1, #BAB0BB, #776F67, #4B5456)
• Dusty Archive color palette (#DFE5E0, #98A9A2, #9B7A98, #004F56, #010D03)
• Wandering Fern Meadow color palette (#F8F5EE, #D7D3AE, #7CA883, #6F846F, #574E00)
• Softworn Iris color palette (#F1F7EF, #6FC3B2, #9A7CBF, #866135, #45423B)
• Bronze Hollow color palette (#EDFAE7, #B7D9C9, #BB9FB2, #9F7938, #6B5000)
• Turquoise Ridge color palette (#EAF5EF, #51A8C7, #645163, #2F3B35, #1E231E)
• Washed Petrol Workshop color palette (#E8F1EC, #E0D2E0, #CEACC0, #007DA1, #20332A)

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