Soft Pier color palette — #D8FEFD · #F0FF9F · #6AFFB0 · #00BBDE · #002C24
A conversation between Mint and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#D8FEFD): A whisper-light, dusty teal — the color of glacier melt.
- Butter (#F0FF9F): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint (#6AFFB0): A whisper-light, vivid teal — the color of shallow lagoons.
- Cyan (#00BBDE): A luminous, balanced blue — the color of open sky before noon.
- Deep Forest (#002C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged candy, vibrant, light.
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
- Aqua Market color palette (#DEFDF8, #B5FFB7, #C9DFCC, #00D2E7, #003827)
- Chalky Cabin color palette (#DBFDFF, #BFFC78, #00E7B4, #00A8D8, #001212)
- Softworn Bloom color palette (#DBFFEC, #14F2D4, #00ADAC, #007690, #00354D)
- Frosted Glacier Dune color palette (#E3FAFF, #00FBFA, #AEE4EA, #60ADFF, #002D34)
- Teal Study color palette (#E1FDF1, #B2EAB1, #3CA788, #697132, #133715)
- Ancient Chartreuse Orchard color palette (#D1FBFD, #84F67E, #00D697, #009186, #00271C)
- Powdered Boulevard color palette (#E7F9FF, #8EFFDD, #86D6FF, #8887FF, #001934)
- Linen Market color palette (#DAFFEF, #E7ED4A, #D8DCCF, #00D6AA, #0C2A00)
Browse the whole catalog at Explore, or see today's palette.