Airy Sapphire Pier color palette — #F1F5FF · #ABBBFF · #396AF8 · #003385 · #02001C

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#ABBBFF): A luminous, balanced violet — the color of twilight just after sunset.
• Sapphire (#396AF8): A full-bodied, vivid violet — the color of wild irises.
• Navy (#003385): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#02001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged monochrome, vibrant, cool.

Use it as a design system

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

• Pale Violet Harbor color palette (#F3F4FF, #C6C0FF, #7C51EE, #302089, #030018)
• Chalky Iris color palette (#FFF0F9, #CDD5FF, #7679EE, #434091, #070432)
• Aged Cobalt Balcony color palette (#ECF7FF, #7AD0FF, #0082AC, #004166, #000509)
• Chalky Nightshade Studio color palette (#D2E1FF, #6B8FDE, #2A4CA7, #051D71, #000025)
• Worn Grape color palette (#F5F3FF, #A79EFF, #6E1AD8, #1F0067, #020008)
• Iris Meadow color palette (#DEE9FF, #A5C0FF, #668FFF, #4862B6, #0A0F43)
• Lapis Loft color palette (#FEF1F8, #B3B1FF, #B65800, #5E41D4, #030100)
• Pale Orchid color palette (#FCF1FF, #DAA2FF, #AD43D5, #4F0574, #0B0013)

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