Sapphire Field color palette — #D6E6ED · #00A2B3 · #0071D5 · #5D3A90 · #001803
Royal Blue takes the lead with Plum close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D6E6ED): a clean, paper-quiet neutral.
- Cerulean (#00A2B3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0071D5): A full-bodied, vivid blue — the color of deep harbor water.
- Plum (#5D3A90): A full-bodied, balanced violet — the color of twilight just after sunset.
- Ink (#001803): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Frosted Grove color palette (#CDE9F9, #00A0C1, #5260E3, #7C237E, #001613)
- Feathered Workshop color palette (#CEEEF3, #00A791, #007EA0, #3446A0, #101400)
- Azure Coast color palette (#C7E7F0, #00AADB, #0085BA, #006092, #002240)
- Hazy Studio color palette (#D7E9FD, #1991FB, #884DCD, #8C195A, #001518)
- Aubergine Harbor color palette (#C7EBF1, #00877A, #772591, #5F1400, #1E0D00)
- Feathered Chapel color palette (#D5E6FC, #006CE1, #7228A7, #670037, #000203)
- Washed Grove color palette (#CFE3EB, #008998, #024A5C, #00212C, #000203)
- Nightshade Workshop color palette (#E7F8E6, #008C8A, #442FB1, #4A0018, #020200)
Browse the whole catalog at Explore, or see today's palette.