Faded Clover color palette — #FFF4E1 · #FFCEC2 · #F2B40E · #1ABE2C · #343400

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCEC2): A whisper-light, dusty orange — the color of toasted spice.
• Saffron (#F2B40E): A luminous, vivid gold — the color of afternoon light on wheat.
• Clover (#1ABE2C): A luminous, vivid green — the color of a quiet forest floor.
• Espresso (#343400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Quiet Drift color palette (#FBF5E0, #FFC491, #CEC700, #00B27C, #203907)
• Feathered Moss color palette (#FFF3E8, #FFD3DF, #FFA06A, #93A900, #4F3000)
• Pale Hollow color palette (#F4E7C4, #C3B629, #6D9C00, #277D00, #005137)
• Sunlit Clover color palette (#DDFFE9, #E8D200, #00CF6C, #0099B1, #002F21)
• Frosted Mint Villa color palette (#DDFFE7, #FFE792, #DDDDD1, #38CF80, #322D00)
• Feathered Dune color palette (#E4DFC5, #F4952D, #86AD00, #00836D, #001C02)
• Mustard Lagoon color palette (#DEFFE8, #FFC572, #C4A100, #879100, #423900)
• Pale Study color palette (#F7F7DD, #FED162, #96DF07, #00B7C0, #004426)

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