Soft Pier color palette — #F5F7E9 · #4EC26B · #7371BD · #824258 · #221706

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

The five colors

• Ivory (#F5F7E9): a clean, paper-quiet neutral.
• Clover (#4EC26B): A luminous, vivid green — the color of a quiet forest floor.
• Slate (#7371BD): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#824258): A full-bodied, balanced rose — the color of pressed rose petals.
• Ink (#221706): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Muted Coast color palette (#EFF9E8, #00C2AB, #9D61AD, #844B43, #1D1A07)
• Antique Moss Cabin color palette (#FBF5E1, #A5A600, #5485CB, #764571, #231306)
• Sunlit Mint color palette (#F1F8EC, #44D6B3, #6E88C5, #86435A, #352A00)
• Aqua Coast color palette (#EEF8EE, #4FD0C3, #56A5C6, #A7699B, #332D18)
• Plum Villa color palette (#E6FCEA, #00A9B6, #B23597, #783900, #111100)
• Faded Market color palette (#D9FFF1, #19AC81, #8900C9, #7E0020, #060600)
• Timeworn Garnet Basin color palette (#E7F5F8, #008B86, #006494, #711C3D, #001A13)
• Pale Garnet Lagoon color palette (#EEF8F0, #8F7017, #794678, #791133, #3A212D)

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