Sapphire Boulevard color palette — #FFEBFA · #245AFE · #525300 · #3D3E00 · #0D1200

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

The five colors

• Blush (#FFEBFA): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#245AFE): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#525300): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3D3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0D1200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pale Indigo color palette (#FFEBF9, #5E6FFF, #7A5200, #00452B, #001E10)
• Worn Terrace color palette (#DAFAF2, #0078D2, #7C4A00, #563100, #060E00)
• Byzantium Corridor color palette (#FFEBF6, #8F40FF, #576200, #3B4300, #000F0D)
• Feathered Grape Harbor color palette (#F8DEE8, #6B12D0, #4B3F00, #2A2300, #010400)
• Cornflower Boulevard color palette (#EDF7D2, #5D88FF, #983578, #004C25, #1F1536)
• Pale Courtyard color palette (#FFECF1, #963EA4, #584A00, #3A3000, #000C02)
• Chalky Iris color palette (#F1F5FF, #8C8EFF, #B25A00, #3D6200, #001019)
• Tempered Orchid color palette (#FFECF1, #A352B1, #226F34, #1E4C27, #051608)

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