Sapphire Garden color palette — #D3F9E3 · #B4A122 · #4A5ED5 · #594E00 · #030028

Royal Blue and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3F9E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#B4A122): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#4A5ED5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#594E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#030028): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged 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

• Weathered Amethyst Bloom color palette (#F1F2C2, #A8A622, #7F4CC3, #525100, #0C001E)
• Timeworn Amber color palette (#FFE7EF, #DD8A22, #0073B1, #704100, #000813)
• Aged Grape color palette (#C7E9DC, #86951F, #7300CE, #394100, #020007)
• Patina Byzantium Ridge color palette (#C4FBF7, #27BD67, #953DB8, #005E2D, #100018)
• Hushed Lapis color palette (#F3E5C8, #826B00, #4E40BD, #453800, #180054)
• Softworn Byzantium color palette (#F4DFB1, #997400, #8539D1, #633E91, #030100)
• Olive Field color palette (#D7EFE1, #776D00, #006568, #3D3700, #000A0B)
• Amber Lagoon color palette (#F5E6C8, #B69B00, #00A3A3, #837000, #002020)

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