Sapphire Garden color palette — #D3E2F9 · #3A69FF · #B62F00 · #00594A · #000011
A conversation between Sapphire and Brick, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D3E2F9): A whisper-light, dusty blue — the color of open sky before noon.
- Sapphire (#3A69FF): A full-bodied, vivid violet — the color of a velvet chair.
- Brick (#B62F00): A full-bodied, vivid orange — the color of toasted spice.
- Pine (#00594A): A full-bodied, dusty teal — the color of sea glass.
- Black (#000011): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Energy, Balance. Tagged jewel, vibrant, cool.
Use it as a design system
One click turns Sapphire Garden 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
- Sapphire Thicket color palette (#DAE3EE, #2571FD, #875600, #004A59, #00010D)
- Plum Ridge color palette (#CCE3F9, #007FD1, #B2006A, #1C5800, #000206)
- Sunlit Orchid Balcony color palette (#EAE7FF, #B03FD1, #904A00, #005052, #040007)
- Muted Plum color palette (#C8E9D7, #4280FF, #B10092, #005638, #0E002B)
- Antique Amethyst color palette (#DEE3FB, #8543FE, #A0008F, #434B00, #01000F)
- Antique Lapis color palette (#F6E6F0, #4B1CF5, #5F3300, #182B00, #000203)
- Ember Terrace color palette (#F0F5FF, #8791FF, #E15F00, #008374, #121336)
- Peony Courtyard color palette (#F3E9FF, #E969B8, #C26D00, #007987, #160723)
Browse the whole catalog at Explore, or see today's palette.