Teal Canyon color palette — #F5F6EE · #C5E5DC · #88CAD3 · #4BAB9E · #2B513B

A conversation between Turquoise and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C5E5DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#88CAD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#4BAB9E): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#2B513B): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Ancient Chapel color palette (#F5F7EA, #CAE9D5, #6FBEDB, #3B9CA2, #084057)
• Turquoise Atelier color palette (#E9FBEB, #66E1E8, #C9C075, #00B4BB, #4A440F)
• Misty Corridor color palette (#E0FEEA, #59D1E8, #A4ACFC, #7BB680, #233F2D)
• Muted Atelier color palette (#EAF4F2, #BFE3EE, #00A0AE, #006D64, #093140)
• Antique Terrace color palette (#ECEEDD, #7BBCC7, #0092AE, #006D6E, #001720)
• Aged Cobalt color palette (#EBF0E0, #78A6CA, #2A77C0, #005976, #00071F)
• Basalt Courtyard color palette (#FFF3E7, #ECCAA3, #C9A485, #A87D63, #543600)
• Dusty Teal color palette (#F5F6EE, #C4E5DF, #83CADE, #40AAAB, #2F5041)

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