Clover Loft color palette — #C1E9D9 · #7CBF62 · #00A169 · #006F96 · #072C0D

A conversation between Clover and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#C1E9D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#7CBF62): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#00A169): A luminous, balanced teal — the color of sea glass.
• Peacock (#006F96): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#072C0D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

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

• Jade Ridge color palette (#DCF5EC, #80D08F, #00B18C, #177BB7, #063838)
• Washed Jade color palette (#C8E9E8, #1FBF79, #0095A5, #255FB2, #212100)
• Feathered Moss Dune color palette (#C5E8D4, #BBAE00, #709800, #007577, #002C1F)
• Weathered Emerald color palette (#D2EEEA, #00A83B, #246145, #043834, #000605)
• Dusty Moss Delta color palette (#FFF3E8, #9CAE00, #007D67, #5A2466, #041800)
• Airy Courtyard color palette (#D7EAE1, #B1C37D, #6EA322, #787849, #003126)
• Misty Hollow color palette (#F2D5E2, #999800, #007C5C, #791167, #192A07)
• Hazy Lantern color palette (#DEE9D9, #009E8D, #00767E, #3229B2, #000F0D)

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