Sapphire Field color palette — #D0E6F1 · #00A9F2 · #0070D5 · #163D9A · #1A1B4C

Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#D0E6F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#00A9F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0070D5): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#163D9A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#1A1B4C): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Pale Lantern color palette (#DFEFFF, #4F98FF, #385DE4, #3B2E89, #2A1548)
• Frosted Turquoise color palette (#C6F1F9, #00B0D5, #0074A1, #00477C, #062051)
• Muted Cornflower color palette (#CAE3F4, #66BAFF, #0490F7, #155BBB, #213679)
• Pale Study color palette (#EDF1FF, #98A5FF, #4C55DA, #222B84, #060041)
• Misty Coast color palette (#E9F3FF, #5396FF, #AF7500, #1956B2, #2F1C00)
• Quiet Azure color palette (#E1FBFF, #64D4FF, #2F98FD, #554BAD, #422D61)
• Washed Lilac Courtyard color palette (#DEE6FD, #A4A3FF, #7F63B5, #604276, #2B2444)
• Washed Summit color palette (#EBF2FF, #E2D2E4, #DF9DE5, #2871A8, #1D2743)

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