Sapphire Field color palette — #EFF6FF · #D9DCF5 · #C4B7D7 · #4671D6 · #283344

Sapphire takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#D9DCF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#C4B7D7): A luminous, dusty violet — the color of wild irises.
• Sapphire (#4671D6): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#283344): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Iris color palette (#F0F5FF, #E1D5EE, #E6B3D1, #758EFF, #2B3342)
• Timeworn Veranda color palette (#F4F4FF, #E4D9EF, #D4B1CE, #915DB2, #313141)
• Softworn Cerulean color palette (#EDF7FC, #D3DFEE, #B5BCDC, #00869E, #153746)
• Patina Workshop color palette (#FAF2F9, #E7D7D6, #BCAB95, #3F74F1, #2C202B)
• Ultramarine Balcony color palette (#FAF3F8, #E2CBD6, #C598A5, #373ADA, #402B3B)
• Airy Cornflower Harbor color palette (#DCE9FF, #5C80FF, #806600, #3B5000, #172A00)
• Washed Study color palette (#F2F5FC, #DED8DF, #BAAEAE, #9198C2, #4E525B)
• Worn Navy color palette (#E5E9F5, #A5A2B1, #917F97, #423683, #060815)

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