Sunlit Cerulean color palette — #FFF2EC · #60E0ED · #0098CF · #007747 · #102F69
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#60E0ED): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0098CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#102F69): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Cerulean 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
- Gentle Cornflower color palette (#FFF3E8, #87D6FF, #4587FB, #00736A, #332664)
- Patina Lantern color palette (#FEF1FA, #CFDAF4, #00A9D9, #00755A, #002646)
- Soft Workshop color palette (#F6E3DA, #3CC5DB, #007DB6, #005C3F, #0D194B)
- Turquoise Archive color palette (#F5F7E5, #9BE9F3, #00BFDD, #009895, #003949)
- Tempered Aqua color palette (#E1FCF7, #59CAD8, #007B8F, #005654, #003948)
- Tempered Periwinkle color palette (#FBF3EE, #C3F1D8, #7BA9D9, #4D8777, #573F4F)
- Gentle Ultramarine color palette (#F6E2D3, #36AEE6, #2A5FC6, #004B45, #160539)
- Glacier Villa color palette (#E2FFD9, #2DFCF8, #83C0FF, #967900, #00463A)
Browse the whole catalog at Explore, or see today's palette.