Sapphire Field color palette — #DAE2EF · #1071F5 · #353F68 · #281528 · #000202

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

The five colors

• Frost (#DAE2EF): bright and airy, almost weightless.
• Royal Blue (#1071F5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#353F68): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#281528): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged noir, dark, luxury, 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

• Muted Pier color palette (#D2EAE2, #0081C1, #20436E, #00241B, #000201)
• Linen Amethyst Corridor color palette (#FBE5F0, #8346FF, #4B3762, #2D1321, #050003)
• Twilit Ultramarine color palette (#F6DDF6, #005CC1, #261B43, #120313, #000201)
• Misty Violet color palette (#FBEBF2, #9872FF, #664A82, #362E52, #0F030B)
• Periwinkle Coast color palette (#F3DDEE, #8AA5FF, #826677, #534450, #1C161C)
• Frosted Violet color palette (#E7EBF9, #8288FF, #7958F5, #623FAB, #260E45)
• Feathered Indigo color palette (#F4D7E6, #9A86FF, #00A3A0, #7154D7, #00201F)
• Orchid Parlor color palette (#E8E3F0, #AF55FF, #E62D63, #007DB6, #19062A)

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