Sapphire Field color palette — #DDE9FE · #2362D6 · #466B00 · #005539 · #0B1E40

Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DDE9FE): A whisper-light, dusty violet — the color of a velvet chair.
• Royal Blue (#2362D6): A full-bodied, vivid violet — the color of wild irises.
• Olive (#466B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005539): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#0B1E40): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, 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

• Muted Petrol color palette (#D2E8FB, #0071AE, #785900, #464C08, #002238)
• Softworn Iris Villa color palette (#DAE4FF, #7D7FE1, #3A6900, #00563C, #222A42)
• Chalky Grape Summit color palette (#D8DDF2, #6941C3, #515900, #003E50, #15182F)
• Weathered Amethyst Market color palette (#EDEFFD, #7D4CBD, #006F54, #005955, #241738)
• Worn Drift color palette (#EDEDFF, #6647E2, #9A3D00, #005B40, #0A0424)
• Antique Coast color palette (#E4E5FF, #7F68FF, #C65100, #007C59, #151D3B)
• Softworn Blush color palette (#F0F5FF, #DEBFEB, #E97084, #006E8A, #3D3052)
• Aubergine Bloom color palette (#F8E1FA, #7B0088, #004E2A, #00332F, #120015)

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