Misty Clover color palette — #FFF1F5 · #F0D4C9 · #F7B867 · #53C15E · #42380B

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#F0D4C9): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#F7B867): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Clover (#53C15E): A luminous, vivid green — the color of a quiet forest floor.
• Deep Olive (#42380B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged candy, vibrant, light.

Use it as a design system

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

• Teal Terrace color palette (#E7FBEF, #F0E0C7, #CDCE6F, #00BFA4, #2E4621)
• Mustard Basin color palette (#FFF3E3, #FFCAB4, #F4B031, #799743, #403D36)
• Patina Corridor color palette (#DCF5F0, #FCB73F, #5BC356, #0090AE, #002819)
• Mint Parlor color palette (#FEF4E5, #BBE7FA, #DAD5CB, #70CCA5, #35332C)
• Chalky Mint color palette (#E5FAFA, #FED37F, #3EDE8E, #00A0D7, #00372F)
• Quiet Mustard Station color palette (#DEFFE6, #FFB59F, #CBB400, #00AD87, #1E2D00)
• Tempered Pine Thicket color palette (#FFD7E5, #D5B774, #929730, #2F832C, #175139)
• Gentle Chartreuse color palette (#DCFEF4, #FFD0A8, #96DF00, #00ACBF, #094014)

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