Teal Canyon color palette — #C7F0E9 · #7AB28E · #4D7F85 · #43596A · #3D3C56

A conversation between Jade and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C7F0E9): A whisper-light, dusty teal — the color of sea glass.
• Jade (#7AB28E): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4D7F85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#43596A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3D3C56): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Patina Courtyard color palette (#C1ECD0, #A1A370, #6F8155, #2D5963, #2C3C54)
• Teal Courtyard color palette (#C0E9E3, #00B5BB, #007995, #4A4681, #512B4C)
• Ancient Loft color palette (#E6F9FF, #B1CEDB, #8699A8, #696C7F, #544857)
• Weathered Teal Study color palette (#D2FFF5, #00BAA3, #007669, #00423B, #002722)
• Aged Basalt Meadow color palette (#EFE9C1, #B4BE95, #7D9277, #855C70, #5D3C57)
• Muted Terrace color palette (#EDF8F6, #95CFE5, #0083B1, #005E6A, #1E3D56)
• Softworn Sky color palette (#E4FAFF, #53BCE3, #5688B1, #5D5B7C, #26594F)
• Fern Dune color palette (#ECF9F0, #A09E65, #5F6A16, #325340, #243B30)

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