Weathered Cobalt color palette — #ECF7FF · #DCD9E4 · #C8A9A8 · #1887BE · #112737

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#DCD9E4): bright and airy, almost weightless.
• Rosewood Mist (#C8A9A8): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#1887BE): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#112737): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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

• Dusty Cobalt color palette (#F2F5FD, #E0D8E1, #D1BAC6, #6C6FAE, #1A1E29)
• Antique Iris color palette (#F0F5FF, #DFD8E2, #B8B0A8, #798FD0, #2F3540)
• Weathered Denim Study color palette (#EAF3FD, #C7D5E8, #9DAAD4, #005DA0, #0E1B28)
• Tempered Navy color palette (#EAF0F8, #B4B9D5, #958DA5, #0F3977, #000105)
• Brick Atelier color palette (#E8F8FF, #00AAD3, #C60A35, #3B4500, #101500)
• Hushed Indigo Lantern color palette (#E5EFFF, #506AFF, #3D1948, #1F171D, #01061B)
• Linen Cabin color palette (#E3FAFF, #B4C6FF, #B77CA6, #416C2C, #1D4009)
• Softworn Aubergine Hollow color palette (#EEECFB, #D9CADE, #BE99B1, #6E2F75, #030207)

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