Sunlit Cobalt color palette — #FEF1F8 · #8BDBFB · #4681C8 · #006859 · #3B3A63
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Ice Blue (#8BDBFB): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#4681C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
- Navy (#3B3A63): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Forest color palette (#FAF2FB, #8CDFDD, #008DAD, #166B25, #1E4265)
- Muted Cobalt color palette (#F1F4E7, #A3D9F0, #008EC3, #00606E, #002841)
- Gentle Sapphire color palette (#FFF0F7, #4EC6F9, #0066E0, #00574D, #312568)
- Ash Veranda color palette (#FCF2F5, #DADEEF, #8698C4, #4A7781, #4D5169)
- Soft Amber Orchard color palette (#FFF0F8, #E56B00, #008BB4, #914200, #004156)
- Hushed Lagoon color palette (#E6DBE7, #2D918E, #004454, #002504, #000A18)
- Airy Drift color palette (#FCE7F3, #0E9FBF, #004C82, #003126, #0D0B38)
- Misty Powder color palette (#FDF3ED, #C2F1D9, #74BDFF, #00A69F, #2D3C6E)
Browse the whole catalog at Explore, or see today's palette.