Clover Canyon color palette — #E6F0FF · #1DD677 · #FF6A68 · #451716 · #241723

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

The five colors

• Frost (#E6F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#1DD677): A luminous, vivid teal — the color of shallow lagoons.
• Watermelon (#FF6A68): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#451716): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#241723): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Hazy Tangerine color palette (#E2E8FB, #00D39D, #F08009, #3A1A00, #22141A)
• Ancient Blush color palette (#CBE5FA, #A4C400, #FF638F, #462015, #241827)
• Patina Lime color palette (#DDF1FE, #BFCB00, #FF948E, #564E4B, #241915)
• Feathered Peony color palette (#DAE8F2, #00C1B5, #FF409E, #24132C, #0A050D)
• Faded Chapel color palette (#E1EDFF, #2AAF18, #E23A00, #1A0B00, #0B0007)
• Linen Amber color palette (#E3E1F1, #00CDCE, #DB8F00, #243717, #162015)
• Patina Workshop color palette (#F6EBF3, #B09868, #6C2C22, #3F0E08, #1F101C)
• Tempered Mustard Courtyard color palette (#E8DFFF, #77E8D3, #F0B139, #284B43, #2B312B)

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