Antique Sapphire Harbor color palette — #EFF6FF · #ADC7FF · #E4A207 · #396DFD · #3F2A00

A conversation between Sapphire and Gold, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#ADC7FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#E4A207): A luminous, balanced gold — the color of afternoon light on wheat.
• Sapphire (#396DFD): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3F2A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Iris Balcony color palette (#F1F5FF, #B7C0FF, #FFAE41, #787FED, #533200)
• Mustard Terrace color palette (#F2F5FF, #BAB5FF, #B2AE06, #7162C9, #2B2A00)
• Linen Apricot color palette (#ECF7FF, #80D3FF, #FE8D1A, #0089BB, #492300)
• Linen Ultramarine Grove color palette (#F1F5FF, #A5B2FF, #A88900, #4548BD, #1F1700)
• Gentle Lagoon color palette (#F4F4FF, #E4C5FF, #97CD70, #A072C4, #2A401A)
• Periwinkle Boulevard color palette (#F0F5FF, #E2D9E2, #B7B3A8, #57A3EC, #3D375A)
• Frosted Pier color palette (#F4F4FF, #E3B0FF, #82C807, #A943D8, #203600)
• Ancient Grove color palette (#F2F5FF, #92A8FF, #FF6449, #00A051, #171E41)

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