Clover Pier color palette — #F5F7E2 · #B2D8A9 · #6EC8FF · #5BB845 · #004869

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

The five colors

• Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B2D8A9): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#6EC8FF): A luminous, balanced blue — the color of open sky before noon.
• Clover (#5BB845): A luminous, vivid green — the color of a quiet forest floor.
• Navy (#004869): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Powdered Moss Basin color palette (#FAF5E4, #D0D091, #4CD3E1, #A7A415, #014C53)
• Worn Cabin color palette (#F1F8EB, #A3E5CD, #B1C6FB, #39C29C, #3E4C71)
• Soft Lime color palette (#E2F4E6, #55D2E4, #B4B930, #00A4B5, #373900)
• Soft Pine color palette (#F2FAD9, #B0E7BE, #75C08B, #289150, #053B18)
• Jade Coast color palette (#F1F8EA, #8BE0BF, #F0AF64, #00BA8C, #5E3901)
• Softworn Moss color palette (#F6F7E3, #A0C585, #CA89D1, #569400, #56335A)
• Weathered Study color palette (#F3F8E1, #C4EDD3, #C9CEE4, #A0C38E, #465710)
• Sunlit Jade color palette (#E2F7F3, #79B763, #3897C9, #477138, #092A3F)

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