Gentle Sapphire Pier color palette — #EFF6FF · #AAC8FF · #ED9D07 · #2F6FFC · #422800

Built around Sapphire, softened by Apricot — the whole palette hums with optimism and energy.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#AAC8FF): A whisper-light, balanced violet — the color of a velvet chair.
• Apricot (#ED9D07): A luminous, vivid gold — the color of old brass.
• Sapphire (#2F6FFC): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#422800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Cornflower Harbor color palette (#FFF0FE, #A1C7FF, #F3B622, #428BF3, #4D3600)
• Indigo Balcony color palette (#F1F5FF, #AEBAFF, #B8AB18, #5B5EEA, #2D2900)
• Antique Hollow color palette (#EAF8FF, #51DBFD, #FF8B28, #008DA8, #4A2200)
• Frosted Alley color palette (#F1F5FF, #96A2F8, #BE8906, #4B30F3, #221600)
• Iris Basin color palette (#F1F5FF, #CFCFFF, #8ECE84, #8179E3, #21411C)
• Periwinkle Cabin color palette (#E9F3FF, #5097FF, #A87A00, #0F56B4, #2C1D00)
• Byzantium Corridor color palette (#F4F4FF, #E7AEFF, #ACBC07, #B900EC, #2D3200)
• Dusty Cabin color palette (#F2F5FF, #AC9FFF, #E77F00, #C26D00, #22154B)

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