Sunlit Cobalt color palette — #DCECF7 · #0080D1 · #005198 · #001C58 · #000013

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCECF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0080D1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005198): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001C58): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000013): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Cerulean Loft color palette (#D9F3FC, #008DB7, #005A7E, #002D4A, #000611)
• Dusty Hollow color palette (#DBE8F2, #0078BC, #004483, #001F54, #020146)
• Hushed Cornflower Field color palette (#E0EDFF, #2F7CE0, #007B4D, #00397C, #000201)
• Tempered Ultramarine color palette (#DEECFF, #487DFF, #282ED3, #1C006C, #010009)
• Onyx Loft color palette (#C3EAF2, #005F8A, #003974, #13005F, #040017)
• Pale Ultramarine color palette (#D2F8FF, #0092C5, #0063C9, #1B19E0, #180041)
• Aubergine Courtyard color palette (#D8E0FE, #635ED8, #3B009C, #160035, #020007)
• Ultramarine Hollow color palette (#D5E4FF, #1D5ADB, #8C1C8B, #004D4E, #000109)

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