Clover Pier color palette — #DAE1FF · #04C4EF · #00C471 · #00381C · #001818
Clover and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DAE1FF): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#04C4EF): A luminous, balanced blue — the color of open sky before noon.
- Clover (#00C471): A luminous, vivid teal — the color of glacier melt.
- Deep Forest (#00381C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001818): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Sky Hollow color palette (#E5DFBE, #39BEFF, #00C099, #003428, #00191B)
- Quiet Lime color palette (#FAE3D1, #00CACA, #75BC00, #1E3600, #001A16)
- Clover Basin color palette (#F0DDE8, #83B8FF, #4BB700, #254B16, #181806)
- Moss Atelier color palette (#FFDFE3, #64AFFF, #97A200, #02342B, #021B13)
- Timeworn Aqua color palette (#ECE7F5, #9DC2FF, #00CEC9, #004240, #17262A)
- Teal Thicket color palette (#DDF8FB, #00C7A4, #0085A2, #007B65, #00151C)
- Wandering Boulevard color palette (#D2F4F2, #00C2CF, #008BA0, #005C74, #002B3F)
- Misty Clover Parlor color palette (#F7DEDA, #00D45D, #BFA400, #332A00, #001A0C)
Browse the whole catalog at Explore, or see today's palette.