Sunlit Cobalt color palette — #F8ECE2 · #8CCDF9 · #5985D2 · #006B72 · #2A294B

Built around Azure, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#8CCDF9): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#5985D2): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006B72): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#2A294B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Cerulean Garden color palette (#F7ECE6, #79D6D9, #0095B4, #006F4A, #00314E)
• Azure Delta color palette (#EDF9EF, #D4DEFC, #6294D4, #006779, #0F1749)
• Pale Periwinkle Chapel color palette (#F8EAF0, #ADD9FA, #7E9FFF, #00918E, #341F58)
• Aged Lantern color palette (#F9ECE0, #90BCAC, #4B65A7, #00504D, #322255)
• Azure Villa color palette (#FFF2EC, #85EDFD, #00AADF, #00856A, #1A416A)
• Wandering Pine Alley color palette (#FFF2EB, #C0DEBE, #46A4B8, #2D7D51, #1C4336)
• Soft Chapel color palette (#ECDCD2, #26B2D9, #006BA9, #004B45, #030B3E)
• Hushed Chapel color palette (#FAF4ED, #C6E0F2, #9DB0DF, #53919C, #614B57)

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