Teal Ridge color palette — #ECF5E9 · #50AFA0 · #5E719A · #6A3A52 · #382200

Turquoise takes the lead with Cocoa close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF5E9): bright and airy, almost weightless.
• Turquoise (#50AFA0): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5E719A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#6A3A52): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#382200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Sophistication. Tagged muted.

Use it as a design system

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

• Patina Boulevard color palette (#F2F3E5, #88A775, #367C8E, #51446B, #41191A)
• Dusty Turquoise color palette (#E6F6EF, #5BA7C9, #866487, #6A411C, #232C06)
• Weathered Cerulean Archive color palette (#DCFCDE, #72BECA, #398BA6, #1E5C7D, #3E2B41)
• Mulberry Market color palette (#DFF3E9, #0088AE, #76377E, #4E2900, #001A0C)
• Patina Ash Courtyard color palette (#F5F1EA, #C8E1E1, #79A1C1, #537559, #403040)
• Softworn Drift color palette (#E3F9DF, #B0CCB8, #7A9991, #81655F, #693105)
• Pewter Corridor color palette (#ECF8FA, #7CC0B4, #7D89BE, #955161, #4C4210)
• Worn Cocoa Canyon color palette (#EDF8F3, #999D67, #47749F, #7C4216, #204C3C)

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