Sunlit Sapphire color palette — #E8F2EA · #92B5D7 · #3F6FD2 · #00566C · #171251

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F2EA): bright and airy, almost weightless.
• Sky (#92B5D7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3F6FD2): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#171251): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Antique Cobalt color palette (#DCE6DE, #8FB8CE, #007EB0, #005959, #00203E)
• Cobalt Harbor color palette (#FCF4E7, #A1D1FF, #4D77CC, #004E63, #08032F)
• Ancient Summit color palette (#E1EBE0, #77A4CB, #3A3EC6, #003E3F, #271240)
• Pale Iris Dune color palette (#F9EBDC, #96C5F0, #7A8AE3, #007C80, #27143B)
• Azure Lagoon color palette (#EAFAED, #94D6EC, #0097D4, #007273, #003460)
• Hushed Study color palette (#F0F7F2, #CDDEF1, #5CB3C6, #008F75, #1B4E63)
• Aged Market color palette (#D4EFE8, #6EAB2B, #813EB2, #375F00, #290041)
• Sapphire Summit color palette (#D9E6D5, #308B00, #0060DB, #A6002B, #031700)

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