Sapphire Pier color palette — #E4DEF5 · #2D6CFD · #BB4000 · #140900 · #050003

Built around Sapphire, softened by Terracotta — the whole palette hums with optimism and creativity.

The five colors

• Frost (#E4DEF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sapphire (#2D6CFD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Terracotta (#BB4000): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#140900): A deep, shadowed, dusty gold — the color of old brass.
• Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Sapphire 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

• Linen Indigo Canyon color palette (#F4E8FF, #645BFF, #866C00, #0B0E05, #000201)
• Rust Study color palette (#EBE5F8, #0092A6, #C63A00, #100B04, #030100)
• Dusty Chestnut color palette (#E7DBF1, #008490, #855A00, #0F0F06, #030100)
• Pale Plum color palette (#EBECFF, #0087A9, #C5007C, #1D0203, #040008)
• Worn Fern color palette (#DCE8E3, #96A9A7, #658E97, #474900, #000D07)
• Aged Magenta color palette (#F8E0EC, #E442F3, #B68100, #2B1C00, #000A01)
• Bronze Studio color palette (#DAE5DB, #9B6A00, #00514A, #4C3200, #000202)
• Ancient Amber color palette (#E8E0FE, #D489D0, #B28100, #342300, #0D190F)

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