Teal Terrace color palette — #FAF4EF · #C3E9EA · #9DBEF8 · #42ABA0 · #5B3D4D

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#C3E9EA): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#9DBEF8): A luminous, balanced violet — the color of wild irises.
• Turquoise (#42ABA0): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5B3D4D): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Mallow Alley color palette (#FFF1F7, #C7AEFF, #9DC27B, #65AC8A, #492F3B)
• Timeworn Powder Pier color palette (#FFF0F8, #E6D7D0, #94B8E0, #9EA3AE, #624A4E)
• Ancient Study color palette (#FCF3F1, #C7E9DE, #88C9DC, #7CA579, #235147)
• Dusty Periwinkle color palette (#EFF8F1, #D4DEFB, #7DA9D4, #3C8792, #354865)
• Tempered Periwinkle color palette (#F7ECE3, #A9DAFB, #7FA1F7, #00918C, #312451)
• Chalky Lilac color palette (#C1F5E1, #A9C6FF, #A999E7, #A277B7, #5F3751)
• Cobalt Orchard color palette (#FBEAE1, #74AAB9, #007ABF, #006048, #04002D)
• Airy Emerald color palette (#FFF2EE, #94ECEA, #00BCE9, #259E41, #003361)

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