Teal Terrace color palette — #FAF4F0 · #C3DFEA · #B8BFEE · #30A59E · #5C4557

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C3DFEA): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B8BFEE): A luminous, dusty violet — the color of wild irises.
• Turquoise (#30A59E): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5C4557): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: 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

• Muted Powder color palette (#EFF7F6, #D6DDEB, #91D0F2, #72ADB8, #435565)
• Jade Quarry color palette (#F1F8EB, #BBF4E0, #F7B4DE, #00B48F, #62383B)
• Patina Canyon color palette (#F1F3EB, #BAECEA, #79A895, #53745E, #243C34)
• Aged Periwinkle color palette (#FCF4EB, #D9D4DF, #8BABFF, #008595, #36266A)
• Softworn Dune color palette (#FFF2EB, #ACD8BF, #0A82C1, #00524A, #000532)
• Ultramarine Studio color palette (#F9EBE0, #92BCDD, #3961BB, #003D43, #030012)
• Cerulean Archive color palette (#FEF2EC, #B4F3F4, #00A2C3, #006D48, #002135)
• Hushed Basalt color palette (#FAF5E9, #D5E2C7, #BDAC8A, #927452, #414300)

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