Sapphire Garden color palette — #F3EDE0 · #977B00 · #395DF2 · #665200 · #010024

Royal Blue takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EDE0): bright and airy, almost weightless.
• Ochre (#977B00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#395DF2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Coffee (#665200): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#010024): 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 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

• Softworn Cobalt color palette (#EFDCC4, #A97100, #0073C7, #724B00, #000612)
• Lapis Loft color palette (#E4DFC8, #949726, #5842C6, #575900, #06001F)
• Nightshade Bloom color palette (#F9EBD6, #846400, #4B3FBB, #483500, #050020)
• Denim Lantern color palette (#CCE6DA, #6F7000, #0053A1, #2D2D00, #000104)
• Pale Cabin color palette (#FFDCE9, #007DED, #5D8600, #0B1500, #020200)
• Soft Mulberry Dune color palette (#EEDFBD, #7E6F00, #00728B, #99007A, #020200)
• Byzantium Ridge color palette (#F0F3D7, #4EA93F, #A732BE, #115104, #0E0012)
• Nightshade Alley color palette (#E9DEBD, #5C4A00, #251B9F, #261D00, #01000B)

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