Teal Canyon color palette — #F2F7EB · #5AAA8B · #3E7A8B · #6F4B13 · #43433C

A conversation between Jade and Bronze, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F2F7EB): a clean, paper-quiet neutral.
• Jade (#5AAA8B): A luminous, balanced teal — the color of sea glass.
• Slate (#3E7A8B): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#6F4B13): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#43433C): a grounded near-black with real depth.

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

• Antique Turquoise color palette (#EDF8F1, #5AA5B5, #5C6F9D, #4E592D, #114D3F)
• Tempered Pewter color palette (#F5F6EE, #C7E6E1, #7DA38E, #59785B, #315344)
• Dusty Ash color palette (#E8FBE9, #ABC8B6, #82A395, #846773, #624944)
• Cocoa Basin color palette (#F3F2E9, #90A571, #5372A5, #763729, #372203)
• Softworn Cerulean color palette (#E0FFE0, #7ECCD3, #3196A5, #186D7E, #315644)
• Hushed Pewter Field color palette (#EBF7FE, #73BED2, #4F98AB, #8D5081, #444518)
• Dusty Lagoon Ridge color palette (#EDF4EA, #1F8F80, #314132, #252B22, #0F1713)
• Patina Harbor color palette (#F5F6EB, #BCC6A3, #728B4A, #656C23, #465409)

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