Sapphire Field color palette — #FFEFDE · #72C4FF · #4F68CD · #005151 · #230245

Sapphire takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEFDE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#72C4FF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4F68CD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#005151): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#230245): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cobalt Balcony color palette (#FFEEE5, #37CFEF, #0078BA, #00543E, #0D0F49)
• Muted Cobalt color palette (#FBF0E6, #9FCEEF, #657AB1, #005B59, #321524)
• Cobalt Villa color palette (#F2F8E8, #82BEF0, #166EC3, #00516E, #0E2F69)
• Cornflower Orchard color palette (#FFF1F5, #98D2FF, #4E84FF, #00717B, #31216F)
• Tempered Coast color palette (#FAEFEB, #ADE9EC, #5597B5, #386B49, #392339)
• Patina Spruce Bloom color palette (#FAE3DE, #52AEA8, #006377, #073D04, #000C1A)
• Hushed Plum color palette (#F8DDE3, #CE006A, #007181, #215273, #23000D)
• Patina Lagoon Alley color palette (#F7E1D7, #008894, #00415C, #002110, #000109)

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