Sapphire Alley color palette — #F2F9E0 · #00B860 · #4058E0 · #513C00 · #001807

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

The five colors

• Cream (#F2F9E0): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#00B860): A luminous, vivid teal — the color of sea glass.
• Royal Blue (#4058E0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#513C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001807): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hazy Garden color palette (#EAFCE2, #00B29B, #8225E9, #474100, #001712)
• Feathered Courtyard color palette (#FFF5D8, #AB9F06, #4640FD, #523B00, #151300)
• Pale Byzantium color palette (#F7F8D4, #5BB506, #A300BE, #702000, #270600)
• Hushed Violet Parlor color palette (#C8EFFF, #00BED0, #9066FF, #C1003B, #2A2400)
• Chalky Delta color palette (#E6FBF3, #52B0EA, #8361B7, #435100, #001E30)
• Washed Emerald Summit color palette (#FFF3E6, #C8C881, #1E9820, #00656C, #212000)
• Dusty Peony color palette (#F2F8E7, #0AD08A, #BF46AF, #00601D, #002A0C)
• Hazy Meadow color palette (#DCFFEF, #00A8DD, #015EE5, #3200B2, #161300)

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