Teal Canyon color palette — #EEF9EC · #9FF8F2 · #FFB3C2 · #33AEA8 · #5F3C35
A conversation between Turquoise and Ballet Pink, giving this palette its sense of softness and clarity.
The five colors
- Ivory (#EEF9EC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#9FF8F2): A whisper-light, balanced teal — the color of shallow lagoons.
- Ballet Pink (#FFB3C2): A whisper-light, balanced red — the color of a theater curtain.
- Turquoise (#33AEA8): A luminous, balanced teal — the color of sea glass.
- Cocoa (#5F3C35): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Softness, Clarity. Tagged 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
- Washed Veranda color palette (#EBF9F1, #CAE2FF, #FFB8A1, #40A8C8, #4C4440)
- Tempered Mallow Coast color palette (#F5F6EB, #CBF2C6, #F0B5ED, #76A970, #5C3C41)
- Ancient Frost Ridge color palette (#D8F3FF, #E7D2D1, #A5B6BD, #364C41, #212825)
- Hushed Lantern color palette (#ECF8F3, #C9DCCA, #498FB1, #274F40, #141E1A)
- Weathered Harbor color palette (#E1F6FC, #72C4C0, #C68894, #05837F, #3C2940)
- Hushed Mallow Quarry color palette (#EBFAEC, #82DEDF, #D5A6E6, #C19B61, #2F3C30)
- Cypress Balcony color palette (#EAF8FC, #6FC0BF, #9990C4, #1F8282, #444A6D)
- Misty Market color palette (#FDF0FD, #B9D7FF, #F6A927, #538BD5, #3C3732)
Browse the whole catalog at Explore, or see today's palette.