Sunlit Sapphire color palette — #FFF1F6 · #83C0E5 · #1669D3 · #005558 · #292869

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#83C0E5): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#1669D3): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Navy (#292869): 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

• Dusty Cobalt Station color palette (#FDF1F7, #A9CAE0, #467BB7, #005F60, #31375C)
• Cobalt Courtyard color palette (#F0F4E6, #86C4EB, #0076BE, #004E64, #001939)
• Dusty Denim color palette (#EBDCE1, #81A3C0, #2951A7, #003D43, #1D124B)
• Coral Bloom color palette (#EFF1FF, #F3B5E2, #F46967, #2C5DAA, #4D2A51)
• Misty Periwinkle Ridge color palette (#FDF3EB, #B2E1FF, #74ABFF, #00969D, #2B2A63)
• Petrol Parlor color palette (#FBF2F5, #DBDDEE, #879ABB, #3C7984, #4C5168)
• Ancient Cerulean Thicket color palette (#F3E5EF, #389FAB, #00516B, #003124, #00152A)
• Quiet Byzantium color palette (#E2DBEC, #9B41E8, #5E6C00, #265800, #300F4D)

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