Sapphire Coast color palette — #D9F2FF · #54A7FF · #405BF1 · #472D89 · #321643

Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#54A7FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#405BF1): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#472D89): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#321643): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Tempered Cobalt color palette (#D9EEF3, #00A9E4, #0070C7, #2F3C94, #26174F)
• Sapphire Thicket color palette (#BDE7F1, #30A1FA, #3369E6, #5A2EA4, #532A5F)
• Airy Iris Loft color palette (#D7E5F4, #6D8AF4, #6655BC, #572A6C, #2D0F2E)
• Powdered Workshop color palette (#EEF6FF, #ACCBFF, #7093FF, #4856B3, #28265D)
• Chalky Lapis Lantern color palette (#F2EFFF, #AEA5FF, #6B51D2, #382185, #150038)
• Muted Chapel color palette (#FFEBF9, #798DFF, #978200, #3F47C3, #272000)
• Amethyst Hollow color palette (#D0E0FF, #6D46EF, #59009C, #3D0046, #16000E)
• Lilac Harbor color palette (#D9E2FF, #AF96F8, #935FAB, #6E3E67, #401B1A)

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