Jade Canyon color palette — #F7F2DC · #74B276 · #13755D · #5F3A43 · #1B1E08

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

The five colors

• Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#74B276): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#13755D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5F3A43): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#1B1E08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Hollow color palette (#FAF0E5, #ADA163, #586E24, #5A3B4E, #251A01)
• Aged Jade color palette (#EEEED3, #43A275, #00635C, #502944, #0E1500)
• Ancient Canyon color palette (#E9FAEF, #74A79B, #347059, #653C4D, #123E36)
• Moss Quarry color palette (#F6E2C2, #929F00, #186E09, #45306B, #151800)
• Muted Lagoon color palette (#E7FAF8, #A0E1BD, #509A82, #48687B, #0E2D2E)
• Patina Chapel color palette (#FFE1DF, #DA5F9E, #00907C, #8D2760, #00221C)
• Hushed Driftwood color palette (#F6F1E6, #C8C59E, #7B8B47, #735962, #32312A)
• Pale Delta color palette (#FFE8E6, #C44683, #008261, #006968, #270807)

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