Sapphire Alley color palette — #D7F0DF · #BD9D29 · #2D5DE9 · #776000 · #010041

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 (#D7F0DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#BD9D29): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#2D5DE9): A full-bodied, vivid violet — the color of wild irises.
• Olive (#776000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#010041): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sapphire Alley 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

• Ultramarine Station color palette (#F5EDDF, #937300, #0B4EF3, #564200, #00053A)
• Timeworn Terrace color palette (#CFECDA, #A58C00, #008DAF, #736100, #001219)
• Weathered Moss Atelier color palette (#D5EFEA, #4DA500, #007DEE, #347400, #000F26)
• Faded Grape Workshop color palette (#D1EEE2, #909926, #890FBD, #545A00, #0D0016)
• Muted Cornflower color palette (#F3D9EA, #FE6C3B, #147AF8, #8C2A00, #000E2A)
• Amethyst Terrace color palette (#D7F2F0, #30BC72, #832FE9, #007641, #160031)
• Feathered Amethyst Lantern color palette (#F5E4D7, #B86500, #7641FF, #9B00C2, #100500)
• Nightshade Meadow color palette (#F6E6C8, #705800, #162CBF, #352800, #000017)

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