Teal Canyon color palette — #B8ECCF · #6EBBAB · #617B63 · #5D4A5C · #583B00

Built around Mint Leaf, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Mint (#B8ECCF): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#6EBBAB): A luminous, balanced teal — the color of glacier melt.
• Pewter (#617B63): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5D4A5C): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#583B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Weathered Drift color palette (#B3F0F9, #78ACC3, #568678, #6D4F59, #6A2D15)
• Weathered Lagoon color palette (#DDE4C4, #82B29C, #4D857E, #365C53, #4F3A4C)
• Washed Stone color palette (#DDF9D9, #A7C8AC, #6C8E7C, #6F5B67, #624450)
• Dusty Moss Drift color palette (#F9F6E3, #84A862, #486E42, #4C4B44, #36362F)
• Weathered Azure color palette (#C7EEF2, #00A4C8, #3E7498, #523E69, #2F4000)
• Hushed Corridor color palette (#FDECD9, #BFC7A2, #86B69E, #B87365, #553A13)
• Airy Lantern color palette (#CCF0E1, #00AD8F, #007D72, #005653, #004042)
• Antique Cobalt Station color palette (#F3F7EA, #9DD2C4, #507AB2, #005A7E, #493146)

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