Teal Canyon color palette — #F1F7F1 · #D3DDDD · #B7AEA5 · #5DADAD · #394239

Turquoise and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D3DDDD): bright and airy, almost weightless.
• Ash (#B7AEA5): soft and architectural.
• Turquoise (#5DADAD): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#394239): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Antique Azure color palette (#EEF8F5, #E3D4CD, #B6BDB0, #5197D8, #1E3B35)
• Antique Teal color palette (#FBF4E9, #C3EDCD, #76AD89, #627E6D, #3A3932)
• Lagoon Parlor color palette (#EEF3EE, #CFD9D8, #A5C5C8, #328287, #282E28)
• Hushed Lantern color palette (#E7F1E8, #C1D5CE, #BA9CAF, #00585F, #000401)
• Bronze Boulevard color palette (#EAFDD7, #C0E9E8, #CDACBC, #9D7B38, #6C4E00)
• Seafoam Archive color palette (#FFF3E8, #7DE1D0, #6D93CC, #88562F, #1B3926)
• Patina Azure color palette (#E6FBF0, #00ADDE, #543E4E, #13221B, #030703)
• Mint Canyon color palette (#F3F8E7, #78D198, #9A7BB0, #675D00, #312C00)

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