Teal Loft color palette — #F3F6F1 · #D4DCD9 · #A7B5BA · #65AB98 · #50544D

Built around Turquoise, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F6F1): a clean, paper-quiet neutral.
• Silver (#D4DCD9): a clean, paper-quiet neutral.
• Ash (#A7B5BA): a calm mid-gray that lets other colors speak.
• Turquoise (#65AB98): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#50544D): a grounded near-black with real depth.

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

• Ancient Delta color palette (#F0F7F4, #DED4D3, #AAA094, #5597C3, #3C4C46)
• Tempered Ridge color palette (#DEE3DC, #9BA99D, #6D8F7E, #00514A, #030C01)
• Hushed Courtyard color palette (#EAF5EC, #4AACB3, #485E53, #2E3C30, #1E231C)
• Patina Pewter color palette (#FEF4E3, #8BCDC0, #5D9DB1, #955875, #394E3A)
• Weathered Olive color palette (#F9F5EE, #DAD1B6, #93A376, #748643, #5E4B00)
• Dusty Cocoa Orchard color palette (#EBFAE9, #C0DACA, #BCA4BC, #A37C73, #794018)
• Petrol Studio color palette (#EAF0EB, #CFDBD5, #9CC1B6, #00818D, #233227)
• Petrol Delta color palette (#E5F1EB, #B7C9C4, #B59CAF, #006A8C, #06261A)

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