Soft Pier color palette — #D2ECFF · #80BD00 · #FF5541 · #2B1126 · #0F060D

Built around Scarlet, softened by Lime — the whole palette hums with nature and growth.

The five colors

• Frost (#D2ECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lime (#80BD00): A luminous, vivid green — the color of new leaves after rain.
• Scarlet (#FF5541): A luminous, vivid orange — the color of sun-warmed clay.
• Deep Indigo (#2B1126): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#0F060D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Quiet Tangerine Study color palette (#DFDEFF, #00C592, #F06C00, #290C1E, #11070C)
• Softworn Clover color palette (#C7E5F9, #00DF6B, #FF8573, #39312E, #211915)
• Feathered Peony color palette (#BFE9EC, #C2A700, #F2338D, #24112C, #0B070D)
• Washed Garnet color palette (#F2E4ED, #BC9B55, #7E2100, #380900, #0C0209)
• Misty Amber Workshop color palette (#F6E4FD, #00C3A5, #C88B00, #081F0B, #050B05)
• Gentle Emerald color palette (#E1EDFF, #009A34, #AD3C00, #170300, #040002)
• Timeworn Studio color palette (#FAEEF4, #D68B5F, #616C00, #863D00, #000905)
• Moss Delta color palette (#EDD7F4, #09C1F1, #A09A00, #242200, #01130B)

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