Sapphire Pier color palette — #EBF2FF · #466CDC · #8F4000 · #314500 · #001317

Sapphire and Burnt Sienna set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Sapphire (#466CDC): A full-bodied, vivid violet — the color of a velvet chair.
• Burnt Sienna (#8F4000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#314500): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001317): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, 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

• Soft Indigo color palette (#EDF1FF, #6D60BB, #734C00, #073E05, #000A14)
• Hazy Station color palette (#EFF1FF, #945DEA, #A22621, #363E00, #001C20)
• Feathered Mulberry Loft color palette (#E6F4FF, #0082BD, #A20035, #4B3C00, #00100C)
• Sunlit Iris Terrace color palette (#FFF0FB, #6592FE, #9E4B00, #445E00, #00282D)
• Iris Terrace color palette (#DCFBE2, #937CEA, #8F3A88, #473F00, #241135)
• Fuchsia Alley color palette (#F7F3FF, #ED6DCE, #B8489E, #685500, #000C28)
• Hushed Loft color palette (#F5EFFA, #BC7EA3, #627743, #13585F, #181C2D)
• Lowlit Aubergine color palette (#E8EAFB, #6818A4, #3A2900, #002113, #000103)

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