Sunlit Cobalt color palette — #FFF2EC · #8BDDF0 · #0086CD · #00694D · #303C6B

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#8BDDF0): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0086CD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00694D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#303C6B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Pale Indigo color palette (#FCF4EB, #A4D4FF, #6472E0, #006669, #493365)
• Cobalt Courtyard color palette (#FFF2EB, #55C8E9, #0071BE, #005846, #272969)
• Hushed Cerulean color palette (#E9F6EB, #85DFF5, #008FBD, #00625E, #002743)
• Cerulean Quarry color palette (#FCF3F0, #C8E6CA, #0A98C2, #2F7243, #553F56)
• Wandering Garden color palette (#FFF4E2, #9DE9FC, #00AADF, #00837E, #07436B)
• Weathered Cobalt Corridor color palette (#C6F8E7, #0088CA, #787700, #007342, #003A2D)
• Linen Meadow color palette (#FFF0FC, #F7D2FF, #FF929D, #007B94, #4D426A)
• Antique Cerulean color palette (#EDE2DD, #24A0B2, #004F74, #00321F, #030940)

Browse the whole catalog at Explore, or see today's palette.