Gentle Pier color palette — #C4F2D4 · #00C173 · #FF4C5C · #C9454E · #002713

Scarlet takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#C4F2D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#00C173): A luminous, vivid teal — the color of glacier melt.
• Scarlet (#FF4C5C): A luminous, vivid orange — the color of autumn markets.
• Crimson (#C9454E): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#002713): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Energy. Tagged vibrant.

Use it as a design system

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

• Hushed Ember Delta color palette (#E4F8D2, #00BC96, #E34100, #BF3C10, #2F0F00)
• Timeworn Harbor color palette (#ABF4F9, #00B9C3, #F85C2B, #CD4518, #002527)
• Wandering Drift color palette (#BCF4D4, #36D692, #C849AA, #B83558, #002716)
• Peony Dune color palette (#D4F1D3, #00C0BE, #E7417C, #915800, #361E00)
• Ember Atelier color palette (#DFFFE5, #3ADFEF, #E26747, #AA6700, #15331D)
• Airy Magenta color palette (#B1F5E4, #009C85, #BD2AB3, #A11C25, #00261F)
• Pale Cabin color palette (#D6EEC4, #87CF30, #A159DF, #AB2B92, #132500)
• Feathered Iris Dune color palette (#FFDDC8, #00CAC7, #6C8DFF, #9A4B00, #002E3B)

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