Clover Terrace color palette — #F2DCDE · #1EC62D · #B18E00 · #242B10 · #1B1405

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

The five colors

• Shell Pink (#F2DCDE): A whisper-light, dusty red — the color of late-summer berries.
• Clover (#1EC62D): A luminous, vivid green — the color of a quiet forest floor.
• Mustard (#B18E00): A luminous, balanced green — the color of fresh herbs.
• Deep Forest (#242B10): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#1B1405): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Misty Lime color palette (#DEF6EF, #87B700, #D07B00, #2D2604, #1E0E00)
• Worn Delta color palette (#FAEAE2, #00BFA0, #8F9D00, #132B16, #171200)
• Clover Grove color palette (#C8E6EB, #00D07C, #C9A300, #544614, #07100A)
• Pale Pier color palette (#D8E5CD, #62A45C, #006E32, #004129, #002D23)
• Moss Loft color palette (#F0EBDA, #8F8E00, #00601B, #454400, #0D0F00)
• Amber Delta color palette (#E3E5F6, #00C2C8, #DE8700, #3A2000, #220F16)
• Washed Workshop color palette (#DCE7FD, #4BD6FF, #38D16A, #314233, #27291F)
• Bronze Delta color palette (#DDDFFF, #00A8B5, #AE6800, #210F00, #070200)

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