Sapphire Field color palette — #D7E2F1 · #195ED5 · #582500 · #002268 · #030100

A conversation between Cobalt and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7E2F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#195ED5): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#582500): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#002268): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged duotone.

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 Courtyard color palette (#D4E1EC, #006EA9, #5F1E00, #002C48, #030000)
• Gentle Courtyard color palette (#E1E7FE, #6F35E5, #592400, #2F0070, #040002)
• Grape Harbor color palette (#E5E6F7, #823BC6, #5C0047, #36005D, #060003)
• Obsidian Grape color palette (#D4F5E6, #5C00D6, #5B0027, #001913, #040006)
• Dusty Nightshade color palette (#FBE9F4, #7575DA, #9C002B, #3F00BB, #070000)
• Obsidian Quarry color palette (#ECEEFE, #6000A8, #312A00, #001510, #000201)
• Powdered Byzantium Pier color palette (#DFDBF1, #A300B7, #4F2D00, #46004F, #020100)
• Faded Byzantium color palette (#EAE1FB, #5D7BFF, #B800BB, #733400, #090001)

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