Soft Pier color palette — #CDE3FE · #0E63DE · #1100C9 · #17006F · #0A002F
A conversation between Indigo and Royal Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE3FE): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#0E63DE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#1100C9): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#17006F): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#0A002F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
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
- Moonless Summit color palette (#C1EDF8, #0075BC, #0F1EA7, #180046, #030004)
- Nightshade Study color palette (#E9EFFF, #5A56EA, #4C00BE, #32006A, #0D001F)
- Ultramarine Study color palette (#D2EBFD, #0079E4, #224EDD, #3A1B9B, #10002F)
- Sapphire Study color palette (#E0EAF8, #2362CD, #006949, #003082, #000804)
- Faded Petrol color palette (#C6E5F8, #006FA8, #004D84, #001F4E, #000128)
- Orchid Alley color palette (#E7ECFE, #B496DF, #AC63B8, #3C4696, #0C031F)
- Amethyst Parlor color palette (#E7ECFF, #8B87FD, #7846FD, #59339D, #361D4E)
- Tempered Grove color palette (#EBE5FF, #6A21C2, #8F0045, #00435C, #03000B)
Browse the whole catalog at Explore, or see today's palette.