Teal Canyon color palette — #E8FAF6 · #78C1A3 · #3E807D · #6B5063 · #2A484A
A conversation between Mint Leaf and Teal, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#E8FAF6): a clean, paper-quiet neutral.
- Mint Leaf (#78C1A3): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#3E807D): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#6B5063): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#2A484A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Washed Lagoon color palette (#E9F5F2, #8DBDC0, #2C8389, #5D4F65, #0D2D2F)
- Hushed Stone color palette (#ECF9F0, #A5B883, #52805C, #42624F, #324841)
- Jade Villa color palette (#E2FBFA, #52B681, #AA71B1, #15784C, #523756)
- Dusty Delta color palette (#F6F6EB, #B9CBAC, #559CA6, #8E665F, #3C4633)
- Washed Hollow color palette (#D7FFFC, #B0E9FF, #9CCAE7, #808758, #354E51)
- Mint Pier color palette (#DAFFF0, #4FCBA9, #10875E, #004E3A, #003623)
- Tempered Cerulean Studio color palette (#FCF2F9, #A9E9F3, #5093B3, #346F5E, #334A63)
- Emerald Lagoon color palette (#DAFEFB, #00A358, #A15FA0, #8B566B, #183F3E)
Browse the whole catalog at Explore, or see today's palette.