Teal Terrace color palette — #ECFAEA · #3AB4AD · #C07066 · #007570 · #60342F

Turquoise and Caramel set the tone — five colors that lean into balance.

The five colors

• Ivory (#ECFAEA): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#3AB4AD): A luminous, balanced teal — the color of sea glass.
• Caramel (#C07066): A luminous, balanced orange — the color of toasted spice.
• Teal (#007570): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#60342F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Balance. Tagged warm.

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 Coral color palette (#E1F6FD, #60B3B6, #C57178, #007376, #41181D)
• Frosted Petrol color palette (#E1FCF3, #67A7D4, #BB755E, #006CA1, #603528)
• Worn Coral Veranda color palette (#ECF9ED, #6DC9CC, #E0888E, #009296, #653034)
• Powdered Coast color palette (#F4F7E4, #75B172, #B56DA2, #30772F, #5A3350)
• Wandering Rust color palette (#E5FDE5, #009C9E, #B55F4A, #895619, #2A3E2B)
• Antique Bronze color palette (#B6F1F4, #00979D, #A25D00, #005A5D, #452500)
• Antique Bronze color palette (#FFF3E9, #BDA27D, #966547, #6D463A, #3F3D36)
• Feathered Teal Studio color palette (#E2FAFF, #68E4D6, #FFA18E, #00B7A9, #54384D)

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