Teal Canyon color palette — #F3F4DE · #22C39C · #007984 · #6B3B4A · #182508

Built around Jade, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F4DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#22C39C): A luminous, balanced teal — the color of sea glass.
• Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6B3B4A): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#182508): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Clover Balcony color palette (#FAF2D8, #6EBE6A, #007D6A, #514E23, #202300)
• Hushed Pine color palette (#FFF0D7, #97B45E, #007F50, #5B3F69, #252100)
• Frosted Mint Archive color palette (#CAFFF0, #00CFAB, #008064, #004337, #00120A)
• Antique Lagoon color palette (#DEFDF8, #86CBB3, #00999B, #8F5947, #024635)
• Muted Seafoam Veranda color palette (#E2FBF8, #6EF6C3, #00A89A, #806641, #043638)
• Powdered Plum color palette (#B7F6CE, #2CAF6F, #A8256D, #922D2F, #001E0E)
• Hushed Field color palette (#F8F0EA, #D2C295, #798A5E, #576753, #34312A)
• Gentle Bloom color palette (#EFE9C5, #78A900, #008A40, #004E3E, #00282A)

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