Teal Canyon color palette — #F5F7E8 · #C1F3D7 · #5DAF9E · #657D6C · #2F3F00

Turquoise and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Honeydew (#C1F3D7): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#5DAF9E): A luminous, balanced teal — the color of glacier melt.
• Pewter (#657D6C): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Muted Taupe color palette (#FEF4E3, #CAEAC1, #90A86C, #5E7F70, #3A3831)
• Fern Ridge color palette (#F7F6E9, #D0DAB6, #7EBAAD, #779988, #3C4900)
• Cypress Hollow color palette (#E8F9F8, #90B8BA, #2C8473, #276565, #224A4C)
• Timeworn Seafoam color palette (#F4F7E7, #84E7C1, #389C91, #7B566B, #222B18)
• Weathered Summit color palette (#EFEAD6, #5D893E, #004921, #001B3B, #000200)
• Washed Orchard color palette (#F9F4EC, #BFE4F4, #92C1E6, #3D9096, #4D364D)
• Mallow Harbor color palette (#FFF1F7, #C4A9FF, #DA9A69, #4BA492, #3C222E)
• Ancient Mint Corridor color palette (#F6F8DD, #6ED398, #138A72, #464D79, #151B00)

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