Sunlit Sapphire color palette — #F3E1E8 · #7ABAE3 · #3271D4 · #00585D · #1A1746

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

The five colors

• Rose Water (#F3E1E8): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#7ABAE3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3271D4): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#1A1746): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Ancient Veranda color palette (#EBD9E6, #63C2CF, #0080A8, #005B47, #00203E)
• Washed Denim color palette (#E9DAE0, #79A5C1, #3351A1, #003E3B, #240F49)
• Cobalt Lantern color palette (#FAF4EB, #A6D8C7, #347BCD, #004F5D, #030038)
• Wandering Iris Courtyard color palette (#E8DDD4, #9ECBBC, #6F8CE5, #007D7B, #251144)
• Sunlit Glacier color palette (#FFF0FA, #39E2FC, #0098CE, #007460, #003266)
• Softworn Parlor color palette (#FFF1F5, #BBE0FF, #6F97F7, #00808E, #3E3769)
• Powder Hollow color palette (#FBF2F7, #D8D5E5, #88B7DE, #5B909B, #475367)
• Hushed Ultramarine color palette (#FFE2EE, #D87C24, #0064BB, #7C4100, #001A39)

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