Sunlit Sapphire color palette — #FFF1F6 · #8DBEE1 · #3F60DB · #005654 · #3C1C6B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#8DBEE1): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3F60DB): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3C1C6B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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 Petrol color palette (#F6EBF1, #8DB8D2, #3D6AA1, #005145, #292655)
• Ancient Dune color palette (#F8F1E6, #8EC2E9, #006CE2, #004F5F, #0C0554)
• Tempered Cobalt color palette (#FFF0FA, #96DBEC, #2D86C3, #00694E, #2F3B6F)
• Tempered Courtyard color palette (#EBFAEE, #9FD1F9, #408BF0, #006F84, #1E2577)
• Dusty Denim color palette (#DFE8DF, #77A4CA, #414F9C, #003E3F, #290B48)
• Quiet Lilac Archive color palette (#DCFCFF, #52DBFD, #9F8EFF, #4D7600, #003D46)
• Worn Grove color palette (#F9F3F9, #D3D7F0, #75A0B7, #587859, #425468)
• Antique Dune color palette (#EDE2EA, #409EAD, #004F75, #00321F, #030A3E)

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