Sunlit Sapphire color palette — #FBF2FA · #97BAFF · #DF4C49 · #2668FC · #370C0B
A conversation between Royal Blue and Poppy, giving this palette its sense of energy and balance.
The five colors
- Ivory (#FBF2FA): bright and airy, almost weightless.
- Sky (#97BAFF): A luminous, balanced violet — the color of twilight just after sunset.
- Poppy (#DF4C49): A luminous, vivid orange — the color of autumn markets.
- Royal Blue (#2668FC): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#370C0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Energy, Balance. Tagged duotone, 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
- Frosted Amethyst Cabin color palette (#FCF2F7, #B2ABEB, #BE5E69, #7253DB, #2B0F07)
- Weathered Lapis Archive color palette (#F1E8EF, #889EF8, #CB2E03, #414ADC, #1B0600)
- Rose Bloom color palette (#EFF6FF, #C5D9FF, #F34B6F, #4677E3, #140316)
- Feathered Ridge color palette (#EBF9F5, #81C0FF, #C257B1, #007AD0, #321016)
- Violet Cabin color palette (#FBF3F5, #D3B5F2, #CD753B, #9864C5, #331F0F)
- Quiet Harbor color palette (#FFF0FD, #6B96FF, #D3340F, #006643, #00354B)
- Timeworn Byzantium Hollow color palette (#FFF1F5, #D5A2F8, #C36E00, #AA18EA, #2E1600)
- Hushed Balcony color palette (#FFF0F8, #CDC6FF, #F367E0, #9B86F4, #2E1317)
Browse the whole catalog at Explore, or see today's palette.