Sapphire Field color palette — #FFF1F5 · #84BFEC · #4F64C3 · #005656 · #3E1C68

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#84BFEC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4F64C3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#3E1C68): A deep, shadowed, balanced violet — the color of wild irises.

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 Studio color palette (#FCF2F6, #A7CAE6, #5E76B0, #00605C, #3D3457)
• Misty Grove color palette (#FAF1E2, #8EC1EC, #116AE4, #004F60, #100057)
• Cornflower Workshop color palette (#EDF9EF, #A6D0F3, #3A88FF, #006F86, #212379)
• Misty Garden color palette (#FFEFFF, #5ECBCC, #007999, #005A22, #003363)
• Spruce Basin color palette (#F6EAF9, #63AEA9, #006177, #044208, #00213C)
• Dusty Forest color palette (#F9F3F8, #BDE4F1, #4A94B5, #307147, #314967)
• Chalky Periwinkle Delta color palette (#FDF3EA, #B6E0FF, #89A5FF, #009796, #3B2261)
• Washed Bloom color palette (#C6EFE1, #86A022, #8D26B0, #465600, #48005E)

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