Sapphire Boulevard color palette — #F2DFEE · #4267FF · #007D8D · #060F17 · #000204
Sapphire and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2DFEE): A whisper-light, dusty pink — the color of neon signs at night.
- Sapphire (#4267FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Teal (#007D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#060F17): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, 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
- Softworn Byzantium Courtyard color palette (#FCE8E8, #B900E2, #0071C2, #0C0C1B, #000206)
- Faded Garden color palette (#FFE4DC, #8A2BFF, #007467, #060F12, #000203)
- Frosted Navy color palette (#C9E5F5, #0073B3, #00448F, #080078, #020019)
- Faded Canyon color palette (#F7D5D2, #F021F5, #3688FE, #031730, #020711)
- Antique Navy Cabin color palette (#D3E3EB, #00829A, #004486, #003F4C, #000206)
- Washed Hollow color palette (#D6E0E7, #91A8BB, #7189A2, #004C65, #000B14)
- Tempered Magenta color palette (#FFE5DE, #E700C1, #6A5FFF, #0A062C, #000108)
- Muted Lantern color palette (#D5ECF5, #005E64, #3D24A6, #232E00, #000203)
Browse the whole catalog at Explore, or see today's palette.