Teal Terrace color palette — #FAF4EE · #C6E7E9 · #9EBFF2 · #45A9AF · #5A3D50

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C6E7E9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9EBFF2): A luminous, balanced blue — the color of deep harbor water.
• Turquoise (#45A9AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5A3D50): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Terrace 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

• Teal Meadow color palette (#FCF3EF, #C6DEE5, #A7D2C0, #70B19F, #5F4A61)
• Antique Loft color palette (#EDF8F7, #D4DBF5, #7FAAD0, #46849A, #344962)
• Washed Blush color palette (#FFF2EF, #FF9DAF, #67C8B9, #4FA7C9, #4B302A)
• Worn Aqua Loft color palette (#FFF2EC, #CEE9CD, #58C2DA, #559D74, #013F5C)
• Wandering Cobalt Parlor color palette (#F8EEE7, #72AABC, #007BBA, #005E55, #00032A)
• Faded Periwinkle Loft color palette (#F4EDE6, #B2DED0, #78A2F7, #008F9B, #2B2459)
• Azure Loft color palette (#F8EFF3, #C5E0F6, #608ED1, #006C70, #222B43)
• Sunlit Azure Ridge color palette (#F3E3DC, #7ECFD8, #2B9FC8, #008061, #00203C)

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