Sapphire Field color palette — #D0EBFA · #81C8FF · #57A1FF · #436FE8 · #3D3D73

Sapphire and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0EBFA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#81C8FF): A luminous, balanced blue — the color of deep harbor water.
• Cornflower (#57A1FF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#436FE8): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#3D3D73): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Iris Study color palette (#DBECFF, #96B9FF, #8791FF, #7669C2, #3F3155)
• Chalky Courtyard color palette (#DDEAF4, #58A8FF, #427BFF, #5458CD, #322857)
• Tempered Grove color palette (#E3FAFF, #84D5FF, #2F93FE, #5950B2, #412B5F)
• Pale Aqua color palette (#D0E9EA, #15D7F3, #00B2DB, #008BC7, #003D6C)
• Chalky Azure color palette (#D6EDFE, #2CA0FC, #0067C3, #143FA1, #0E1656)
• Periwinkle Canyon color palette (#F0F5FF, #E2D6E5, #B7B2A8, #55AAF8, #3A3E62)
• Washed Cornflower Studio color palette (#EFF6FF, #A6C6FF, #FBB12B, #5088F3, #503400)
• Patina Parlor color palette (#DCDFF2, #B6AEFF, #BB7AFF, #A84FCD, #5F2D5A)

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