Sunlit Sapphire color palette — #D2DFFD · #325DF5 · #835C00 · #505101 · #0C1D55
A conversation between Royal Blue and Ochre, giving this palette its sense of nature and growth.
The five colors
- Powder Blue (#D2DFFD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Royal Blue (#325DF5): A full-bodied, vivid violet — the color of a velvet chair.
- Ochre (#835C00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#505101): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#0C1D55): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Calm, Energy. Tagged vibrant, cool.
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 Pier color palette (#EEECFC, #7B33FC, #7B6000, #465412, #26174D)
- Washed Petrol color palette (#CAE7F8, #007AAB, #865A00, #534F00, #00283B)
- Dusty Sapphire color palette (#DAE7FD, #1B60F9, #BD0025, #0D6410, #000636)
- Violet Harbor color palette (#EBE8FF, #9675FF, #576A00, #005D2D, #312951)
- Gentle Byzantium Villa color palette (#EEE2F8, #8B43B8, #516800, #00562E, #2A123A)
- Misty Pier color palette (#DDE6F6, #4A85FF, #EF0032, #158618, #051E57)
- Muted Station color palette (#FFF0FA, #8B93CE, #9B8855, #6A7841, #4F3B49)
- Nocturne Nightshade Terrace color palette (#E9EEFF, #2B00B6, #313800, #05260D, #01000F)
Browse the whole catalog at Explore, or see today's palette.