Sunlit Cobalt color palette — #ECF1E4 · #8BB5D8 · #2885DF · #00688A · #001036

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF1E4): a clean, paper-quiet neutral.
• Sky (#8BB5D8): A luminous, dusty blue — the color of deep harbor water.
• Azure (#2885DF): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#00688A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001036): 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

• Muted Parlor color palette (#E4E7D2, #6DBED0, #0091B4, #006C71, #001722)
• Cobalt Quarry color palette (#E5F0FF, #BFA3E8, #BC82C5, #007FC4, #071334)
• Chalky Ultramarine Loft color palette (#FBEBDD, #7DA7C8, #3C61B5, #004950, #130639)
• Linen Cornflower Harbor color palette (#DDF5FF, #5C82D4, #006EA2, #005288, #001128)
• Weathered Periwinkle Courtyard color palette (#EDF0E7, #A5DBFF, #57ABF1, #008BB0, #0C2E55)
• Emerald Corridor color palette (#D7E8F5, #0095E2, #009A28, #0068A0, #001502)
• Frosted Ultramarine Quarry color palette (#FCE8EF, #97BBDB, #245CD5, #003D42, #020012)
• Byzantium Parlor color palette (#E3ECF8, #037AEF, #AF2AC4, #007671, #000718)

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