Jade Canyon color palette — #F4F7E9 · #C9F3C8 · #F1B6E3 · #6CAC6D · #5B3953

A conversation between Jade and Carnation, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Honeydew (#C9F3C8): A whisper-light, dusty green — the color of new leaves after rain.
• Carnation (#F1B6E3): A whisper-light, balanced pink — the color of a candy shop window.
• Jade (#6CAC6D): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#5B3953): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, 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

• Timeworn Teal color palette (#EFF8EB, #AFECF8, #FFB3C6, #00B29B, #613843)
• Washed Amber Basin color palette (#FBF5E8, #F4E6AF, #CAC3FF, #B1992F, #5C394D)
• Timeworn Jade Balcony color palette (#E9F9F7, #B2E4B0, #FFB28C, #7EBA7D, #5E4453)
• Softworn Mint Garden color palette (#E4FBF8, #86C185, #B787AB, #508050, #524763)
• Abyss Archive color palette (#EFF8EF, #D4D7CB, #708F72, #304F33, #131F14)
• Hushed Fern color palette (#F3F8E5, #C8E7D9, #C8BEC8, #B2B57F, #415815)
• Timeworn Blush color palette (#F1F8E7, #98DEBA, #D2ABDB, #CF89AD, #373A33)
• Blush Studio color palette (#E9FAF0, #8DE3FC, #FF9B94, #0099B8, #582725)

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