Jade Canyon color palette — #E5F1E6 · #31BA80 · #009674 · #006155 · #001B19

Jade takes the lead with Fern close behind in a set that reads as calm and balance at first glance.

The five colors

• Cream (#E5F1E6): a clean, paper-quiet neutral.
• Jade (#31BA80): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009674): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Ink (#001B19): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Balance. Tagged cool.

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

• Teal Canyon color palette (#CCF0E3, #00AA95, #007F79, #005559, #000B0E)
• Airy Boulevard color palette (#E1EBC8, #00B65A, #008A71, #00598F, #001C0F)
• Washed Courtyard color palette (#D9F0DA, #009056, #005540, #002821, #000606)
• Muted Moss Grove color palette (#EEEDCD, #61A135, #00764D, #004847, #00161C)
• Emerald Ridge color palette (#D0ECE8, #35AA48, #008386, #7F3B00, #151200)
• Teal Ridge color palette (#D7EAE1, #51B4A3, #439599, #4F5F87, #0B2E18)
• Washed Aqua Harbor color palette (#C3E8E1, #00D1CA, #00ACB5, #007889, #002B37)
• Washed Boulevard color palette (#EAE6CD, #A5A700, #718800, #396500, #021901)

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