Jade Canyon color palette — #FCF3F1 · #C6EBDF · #6FCCE9 · #6CAA6D · #275147

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

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Honeydew (#C6EBDF): A whisper-light, dusty teal — the color of sea glass.
• Sky (#6FCCE9): A luminous, balanced blue — the color of open sky before noon.
• Jade (#6CAA6D): A luminous, balanced green — the color of fresh herbs.
• Forest (#275147): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Tempered Harbor color palette (#FBF3F0, #C5E9E3, #82C6F3, #4AAE82, #5A3C56)
• Aged Lagoon Archive color palette (#F1F7F2, #CADFF3, #5DB4BF, #218F6B, #2A4C5E)
• Muted Cobalt Quarry color palette (#E9DED5, #7EAC9B, #4D6FC6, #005D5A, #0D0025)
• Cobalt Atelier color palette (#F5E4DE, #7BBDC5, #008EC3, #007145, #000A41)
• Hushed Villa color palette (#F5EFF6, #B2E6F3, #3F9BB4, #426A40, #1A2E40)
• Aged Emerald color palette (#F6ECE9, #A1E0E2, #0AB4E6, #009848, #052D5B)
• Tempered Delta color palette (#FBF5E5, #D4D3AF, #B4AE7F, #AE7D45, #344400)
• Airy Workshop color palette (#FFF1F3, #E6BAEA, #AEC980, #CE78D7, #394919)

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