Teal Canyon color palette — #E8F8FF · #DBDBE6 · #BDADA6 · #7BB49E · #374A58

Sage takes the lead with Charcoal close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Silver (#DBDBE6): bright and airy, almost weightless.
• Rosewood Mist (#BDADA6): A luminous, dusty orange — the color of sun-warmed clay.
• Sage (#7BB49E): A luminous, dusty teal — the color of sea glass.
• Charcoal (#374A58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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

• Azure Coast color palette (#F2F5FF, #EDDADC, #A8C0B5, #5D92CC, #37354C)
• Hushed Lagoon color palette (#E6FBF1, #EED7D4, #DDADBE, #4B837E, #304F47)
• Aged Boulevard color palette (#ECFAED, #BCE9D3, #BD9759, #8B5F4B, #1E3733)
• Weathered Amber Loft color palette (#ECF7FF, #69BDED, #D58A46, #008578, #152734)
• Aged Thicket color palette (#EDF7FF, #E0DAE3, #FFB6E6, #009C9D, #0B2544)
• Rose Drift color palette (#DDECFF, #BC9CF1, #E3567C, #004753, #01000C)
• Fuchsia Archive color palette (#D9F0FF, #BFCDFF, #DD66E0, #006F62, #000B18)
• Timeworn Celadon color palette (#EDFFAB, #FFE9DE, #A7E8FF, #1E3643, #0F161B)

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