Sunlit Cobalt color palette — #CDE9F1 · #50B4EB · #4981D1 · #4D5CA7 · #3C3661
Built around Azure, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#CDE9F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#50B4EB): A luminous, balanced blue — the color of open sky before noon.
- Azure (#4981D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4D5CA7): A full-bodied, balanced violet — the color of wild irises.
- Navy (#3C3661): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit Cobalt 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
- Periwinkle Corridor color palette (#D5EAF9, #7AC0FF, #3F9AFE, #4C79C6, #303D66)
- Hushed Nightshade color palette (#D5ECFE, #63A4E1, #0C66BB, #0D44A9, #293866)
- Feathered Boulevard color palette (#D4F2ED, #1BBDCC, #0091B7, #005E93, #233F67)
- Quiet Iris Delta color palette (#CCE3F8, #81A2F5, #7F74D3, #704798, #4D254E)
- Sunlit Cornflower Parlor color palette (#E4FAFF, #81D4FF, #3792FF, #384FA6, #352C55)
- Washed Navy color palette (#F1F5FF, #A3BAFE, #767ECE, #3D4893, #1B164B)
- Frosted Ultramarine color palette (#D8F0FD, #0096EA, #3056D9, #3B1C91, #2D044E)
- Cobalt Delta color palette (#E3F0FF, #6EABF4, #B59C17, #236BB9, #3F3500)
Browse the whole catalog at Explore, or see today's palette.