Teal Loft color palette — #F1F7F2 · #D6D6E4 · #B1C4E8 · #45A495 · #345166

Turquoise and Sky set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D6D6E4): bright and airy, almost weightless.
• Sky (#B1C4E8): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#45A495): A luminous, balanced teal — the color of glacier melt.
• Peacock (#345166): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Worn Turquoise color palette (#E8F8FF, #C0E4FF, #FFB7AC, #29ACBF, #593A54)
• Hushed Ash color palette (#F9F4ED, #C7E9E2, #6AA3B6, #5F7755, #375147)
• Aged Cerulean Corridor color palette (#EFF8F1, #A2D5E6, #0089A1, #005345, #000F18)
• Hushed Studio color palette (#DEFCFF, #B1ECFF, #54C3CB, #2291AA, #33586E)
• Antique Pine color palette (#F1F7F2, #D3D7E8, #47B8C4, #00835E, #003441)
• Patina Aqua Lagoon color palette (#EAF8FF, #D8DAE5, #7DCBC6, #BAAEAD, #404F5A)
• Dusty Denim Orchard color palette (#E7F1E9, #6EADBE, #005C7E, #002B2A, #000104)
• Washed Azure color palette (#F0F7F1, #D6DDFA, #5094E4, #006778, #0F1A43)

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