Jade Canyon color palette — #E7F5F4 · #6DAC7E · #435D65 · #293C3B · #1D2321

Jade and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Jade (#6DAC7E): A luminous, balanced teal — the color of glacier melt.
• Peacock (#435D65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#293C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1D2321): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Jade 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 Balcony color palette (#F3F8E5, #57C980, #4A594C, #2A2C23, #100F0B)
• Mint Terrace color palette (#E0F7F6, #6BCF92, #648186, #485858, #1D2322)
• Muted Lagoon color palette (#C6F0F5, #009D80, #004D60, #002E24, #011612)
• Aged Amber color palette (#E7F9FF, #7CBEC5, #DA8A98, #C07459, #2B4751)
• Ash Lantern color palette (#F1F7F2, #BBD9D1, #6EA7A9, #658770, #3C534D)
• Ancient Cypress color palette (#D3F2FF, #006D79, #403A40, #0C2442, #000B11)
• Worn Lagoon color palette (#E8F9FD, #8ED3D0, #E697A6, #00A19D, #5B4360)
• Hushed Thicket color palette (#D3E0EB, #007FBD, #37305F, #001D30, #00090E)

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