Sapphire Field color palette — #DBF6E4 · #BB9D22 · #3D55EF · #5D4C00 · #020029
Royal Blue takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DBF6E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#BB9D22): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#3D55EF): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#5D4C00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#020029): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
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 Amethyst color palette (#D0F9E7, #A2A822, #832EE9, #4F5200, #0C001F)
- Timeworn Amber color palette (#FFE6F0, #E18722, #0070BD, #723F00, #000815)
- Feathered Hollow color palette (#E5F3E8, #D8A72D, #7266E1, #8E6A00, #180D45)
- Powdered Cabin color palette (#F9EEDC, #856600, #5A33C0, #453300, #090023)
- Frosted Veranda color palette (#D8FFF4, #9ED728, #B06CF9, #4F6F00, #2C004C)
- Hushed Atelier color palette (#C1EDD5, #8A7B00, #007792, #930073, #020200)
- Powdered Byzantium color palette (#CFF8F2, #3CBE31, #B81CC1, #0E5508, #120014)
- Moss Canyon color palette (#D4EDDC, #A39F36, #745D00, #452B00, #030500)
Browse the whole catalog at Explore, or see today's palette.