Soft Pier color palette — #FFF1F5 · #98D3FF · #536FDE · #005150 · #13002B

Built around Sapphire, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#98D3FF): A whisper-light, balanced blue — the color of open sky before noon.
• Sapphire (#536FDE): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#005150): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#13002B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cobalt Archive color palette (#FFF0FB, #6CDEF4, #1982BD, #00543A, #03052F)
• Worn Denim color palette (#E0F2F1, #7AA1C2, #0058A2, #00364A, #000824)
• Ancient Courtyard color palette (#FFF0FA, #D4D9F6, #13A1F8, #007558, #171E4F)
• Washed Quarry color palette (#D1F8EE, #79B423, #8A41C6, #375900, #0E001C)
• Timeworn Ridge color palette (#DDE2D2, #99CCBD, #5A95D8, #00779F, #001A4F)
• Ultramarine Cabin color palette (#F3DBE4, #5CACDB, #2148B7, #002B29, #020008)
• Pale Pine Chapel color palette (#FDF0FF, #CCDEF4, #00C2E8, #388B36, #03375E)
• Weathered Powder Grove color palette (#FBF2F7, #D7D4E0, #C2C0F3, #669CA4, #464D61)

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