Sapphire Field color palette — #F2F5FF · #D6D7FF · #CCADFF · #0772EF · #323666

A conversation between Royal Blue and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#D6D7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#CCADFF): A luminous, balanced violet — the color of a velvet chair.
• Royal Blue (#0772EF): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#323666): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Fuchsia Harbor color palette (#F5F2FF, #E7D2FF, #EB89F9, #736CE8, #422C5E)
• Cerulean Workshop color palette (#ECF7FF, #CBE2FF, #9DB5FF, #008BB4, #043561)
• Timeworn Fuchsia Drift color palette (#F0F5FF, #D6CFFF, #F372C3, #006582, #30335C)
• Linen Violet color palette (#FFE7EC, #F3CAEF, #F398C2, #8E66BB, #402642)
• Gentle Lilac color palette (#FFF1F5, #F4D3E1, #FFB6E5, #9D81E1, #5A3B63)
• Ancient Turquoise Meadow color palette (#F0F5FF, #EAD3EB, #FFB2EB, #00B7DF, #35305A)
• Weathered Cornflower Lagoon color palette (#FFE7FE, #0A7CF5, #307100, #005246, #001C25)
• Washed Field color palette (#F4DCE6, #B494D1, #AF6CB2, #442FA0, #110220)

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