Misty Canyon color palette — #D6E3FE · #00D07D · #F07B06 · #311400 · #170A02

Clover and Tangerine set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D6E3FE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Clover (#00D07D): A luminous, vivid teal — the color of glacier melt.
• Tangerine (#F07B06): A luminous, vivid gold — the color of old brass.
• Onyx (#311400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#170A02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Misty 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

• Lime Study color palette (#E7F1FF, #47D000, #FF6A42, #440C00, #170B05)
• Amber Villa color palette (#E6EBFF, #00C7CD, #D98E00, #331E00, #140900)
• Misty Apricot color palette (#EAEEFC, #00DFC6, #FF9648, #532B0B, #2F1D26)
• Amber Cabin color palette (#EBE6FA, #00ABA1, #BE7100, #1E0E00, #050200)
• Blush Grove color palette (#CEE5F0, #AABC00, #FF5F8D, #48011C, #140503)
• Aged Marigold color palette (#FFEFE0, #C9A148, #713D00, #331900, #0F0500)
• Tangerine Bloom color palette (#DAEDFD, #76C2FF, #FF7E3C, #461902, #2A1D25)
• Lime Orchard color palette (#F9DFEE, #A8CFFF, #97CF5C, #36362F, #1E1E14)

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