Sapphire Field color palette — #E4EFFF · #00A0D1 · #4659FF · #6A00AB · #0C0033

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

The five colors

• Frost (#E4EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#00A0D1): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4659FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Plum (#6A00AB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#0C0033): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Amethyst Workshop color palette (#E2E8FA, #0090ED, #7451EC, #6F007A, #15002F)
• Muted Aubergine Meadow color palette (#D8E6F7, #00A6C1, #0067C4, #5700B4, #00071E)
• Patina Workshop color palette (#E3EDFE, #00A5A5, #1760F4, #83006C, #020012)
• Misty Grape color palette (#E0E3F4, #5178FA, #8128D7, #630048, #0B0010)
• Plum Basin color palette (#F3D8EF, #00BDBF, #4B89FF, #B50083, #060029)
• Pale Navy Grove color palette (#D9EADC, #5C95C4, #144594, #002E3A, #0B073F)
• Byzantium Bloom color palette (#F3F4FF, #70C3FF, #788DFF, #AC00B9, #271452)
• Hazy Amethyst Lantern color palette (#E9EDFF, #6F4CD4, #53008C, #3A0050, #290028)

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