Sunlit Sapphire color palette — #FFECF3 · #8AC2F0 · #3361EF · #005059 · #1B0946

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

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#8AC2F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3361EF): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1B0946): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

Use it as a design system

One click turns Sunlit 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

• Muted Cobalt color palette (#EFE6EB, #87BCD4, #006DBC, #004B49, #0C1233)
• Misty Cobalt Study color palette (#E3FBFA, #70BFFF, #0C6EC7, #00516E, #133064)
• Worn Cobalt color palette (#F8EFF5, #99DCEE, #008CCA, #006357, #0B234C)
• Periwinkle Lagoon color palette (#F2F8E7, #DDE1F4, #409CFE, #006D92, #001E5B)
• Byzantium Alley color palette (#EAE2FB, #9200FD, #646B00, #006148, #15022B)
• Coral Courtyard color palette (#F6E7FF, #FFC1E8, #FF7873, #495AB5, #2C0A2B)
• Wandering Teal Atelier color palette (#F4E4EE, #54ADA8, #006372, #003C1D, #000D15)
• Washed Grape color palette (#D8E6FD, #7872FF, #7F00D2, #550063, #38002F)

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