Gentle Sapphire color palette — #F9E9FC · #0073E3 · #343093 · #370022 · #00000A

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9E9FC): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#0073E3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Indigo (#343093): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#370022): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged retro, cool.

Use it as a design system

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

• Obsidian Ultramarine color palette (#DDE7F4, #1A60CE, #58007E, #2F0013, #000102)
• Airy Navy Study color palette (#C2EEED, #0080B0, #004184, #320033, #000103)
• Shadow Corridor color palette (#FFE2DC, #0055AC, #26008B, #32001F, #00052D)
• Feathered Amethyst color palette (#FEDCD8, #7C51E9, #640088, #3B0004, #020007)
• Ultramarine Ridge color palette (#CCE6DB, #0099B1, #475ACA, #524800, #000D17)
• Smoked Boulevard color palette (#EAE2CF, #005F74, #260087, #181400, #000205)
• Antique Petrol color palette (#DDF4F2, #7CC1E4, #006EA3, #003C49, #000308)
• Misty Lapis color palette (#EAF3FF, #72C9FF, #429FFF, #4A48E4, #00000B)

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