Soft Pier color palette — #CCE3FF · #006DDD · #6A4200 · #342C00 · #120E00

Royal Blue and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#CCE3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#006DDD): A full-bodied, vivid blue — the color of open sky before noon.
• Bronze (#6A4200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged 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

• Amethyst Canyon color palette (#D6DFFF, #713DFF, #594C00, #1A3400, #061200)
• Sunlit Meadow color palette (#E8ECFF, #8164D2, #635500, #003D31, #001913)
• Powdered Boulevard color palette (#F7DFF6, #4592FF, #AA3300, #4D4A00, #002D17)
• Sunlit Cabin color palette (#FFF0FC, #6C93FF, #C10069, #4F3D00, #001713)
• Garnet Courtyard color palette (#B2ECF5, #00808E, #8F1100, #481F00, #170C00)
• Aged Periwinkle Courtyard color palette (#EBF3FC, #6B9FE0, #8E6A35, #445322, #082E26)
• Faded Delta color palette (#C5EEFF, #8D90F3, #935080, #20521C, #042B02)
• Amethyst Coast color palette (#E0E7FF, #7340EC, #83006C, #650204, #00273D)

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