Clover Alley color palette — #FFF0F8 · #FFA771 · #4AC260 · #B75700 · #0A3111

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Cantaloupe (#FFA771): A luminous, balanced gold — the color of afternoon light on wheat.
• Clover (#4AC260): A luminous, vivid green — the color of a quiet forest floor.
• Ochre (#B75700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0A3111): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Clover Alley 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 Lime Drift color palette (#FFF0FE, #FFA1A1, #A2B100, #BB4D53, #272B00)
• Amber Workshop color palette (#EDF9EC, #FFC988, #5AD5A8, #BA7A19, #094143)
• Mustard Delta color palette (#E3FDED, #D5BF55, #00BEBD, #897600, #002F2F)
• Linen Apricot color palette (#FFF1F7, #F4850F, #83A505, #B25E87, #2A121E)
• Muted Loft color palette (#FFE6F6, #FFA486, #41BFF2, #CE7659, #003B50)
• Chestnut Lagoon color palette (#EDF9EF, #EECB84, #7F5D00, #352500, #000501)
• Hushed Amber color palette (#FFF0F9, #F6B795, #BF7356, #7C483E, #2F1A24)
• Fuchsia Study color palette (#E8FCE7, #F8AE43, #E07DCD, #A16900, #3D1836)

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