Sapphire Field color palette — #E9FBEC · #81C0E9 · #006DCA · #005461 · #1A2B6E
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#81C0E9): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006DCA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#1A2B6E): 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
- Aged Cobalt color palette (#F1F7F2, #ABC9E0, #367DBA, #005E69, #293B56)
- Wandering Dune color palette (#FFECF3, #78C6F1, #2B66E7, #00524D, #1F024A)
- Misty Ultramarine Parlor color palette (#E0EAE2, #6BA5D3, #0C51B1, #003C4A, #141849)
- Muted Study color palette (#FFF3E8, #8ED4FF, #5385F8, #00736D, #372167)
- Antique Meadow color palette (#ECF9EF, #47CECF, #007C8C, #005844, #00394B)
- Periwinkle Market color palette (#F2F8E5, #B4E0FF, #58B1FF, #0092B9, #003169)
- Periwinkle Harbor color palette (#F1F7F2, #DADCED, #8099CC, #38788E, #495269)
- Dusty Cerulean Pier color palette (#F0F8F1, #B8E5F2, #009BAE, #21715A, #314B5B)
Browse the whole catalog at Explore, or see today's palette.