Clover Pier color palette — #F7D7D4 · #85BFFF · #00CF7B · #073B21 · #071F1E

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

The five colors

• Shell Pink (#F7D7D4): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#85BFFF): A luminous, balanced blue — the color of deep harbor water.
• Clover (#00CF7B): A luminous, vivid teal — the color of sea glass.
• Deep Forest (#073B21): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#071F1E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.

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

• Dusty Moss Courtyard color palette (#F8DEF4, #5AC8FF, #8AB100, #023A2F, #12201C)
• Muted Mint Studio color palette (#FEE0D5, #BBC7FF, #00DCBE, #1C464C, #243032)
• Washed Mint Hollow color palette (#FFE0E9, #C1DAFF, #00EC8D, #1F260B, #050701)
• Worn Wisteria Market color palette (#F0E1D4, #C09AFF, #00BBC3, #003B3E, #001B23)
• Soft Moss Coast color palette (#FFE8EC, #DFAFFF, #6CA400, #03343A, #101E1B)
• Cobalt Archive color palette (#EDF7F9, #56CCB3, #2687C9, #008570, #021A2E)
• Glacier Corridor color palette (#FFDDC4, #FDBFFE, #39E2FC, #395763, #2A3338)
• Powdered Sky Field color palette (#E2E1C3, #FF9FC3, #41C2FE, #004460, #0A2536)

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