Misty Canyon color palette — #DBE1FC · #00C987 · #FB6126 · #140800 · #030100

Built around Tangerine, softened by Clover — the whole palette hums with energy and balance.

The five colors

• Frost (#DBE1FC): A whisper-light, dusty violet — the color of a velvet chair.
• Clover (#00C987): A luminous, vivid teal — the color of glacier melt.
• Tangerine (#FB6126): A luminous, vivid orange — the color of autumn markets.
• Ink (#140800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Energy, 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

• Softworn Amber Terrace color palette (#F1EDFF, #00C79B, #D28700, #130800, #020100)
• Rose Basin color palette (#DCECFF, #A9B500, #FF5560, #170600, #040000)
• Pale Rust Summit color palette (#DAEBFF, #00AF4F, #CE4300, #1D0E00, #0A0408)
• Airy Crimson color palette (#DDF1FF, #00AED1, #E92E45, #542929, #0C0402)
• Hushed Boulevard color palette (#F0E4FD, #00E8EC, #FAA71B, #2B1900, #080300)
• Powdered Market color palette (#D2F9F9, #9FB800, #F233A2, #1C000E, #040000)
• Aged Plum Ridge color palette (#D4E2F6, #009481, #CF0064, #1A0007, #020003)
• Muted Canyon color palette (#FDEADE, #C79B31, #642600, #1C241D, #130300)

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