Weathered Cobalt color palette — #EBF9F5 · #F7DBE3 · #E4BDC4 · #488BC9 · #35433F

Built around Cerulean, softened by Oat — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Shell Pink (#F7DBE3): A whisper-light, dusty rose — the color of strawberry cream.
• Oat (#E4BDC4): A whisper-light, dusty red — the color of a theater curtain.
• Cerulean (#488BC9): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#35433F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Petrol Harbor color palette (#EFF7F5, #EBD8DC, #CAB5C1, #0070AF, #2C463E)
• Antique Iris Cabin color palette (#FDF1F6, #ECD4D1, #D5B8B1, #8C7AB9, #493B41)
• Periwinkle Summit color palette (#F1F6FB, #DAD9E8, #BAA8AC, #45ACF7, #35414C)
• Hushed Lagoon Meadow color palette (#EFF8F0, #C8E0DC, #A9C7C5, #31969C, #374339)
• Indigo Hollow color palette (#F4D8EC, #6374FF, #433D6F, #341D2F, #170E16)
• Chalky Iris Terrace color palette (#FFF0FE, #B7DFFF, #9EBFFF, #8F8AF1, #212F60)
• Byzantium Meadow color palette (#FFF0FC, #6D95FF, #A548BE, #922942, #003646)
• Hushed Cocoa Hollow color palette (#EFF0FF, #CBB8F7, #A384AF, #9A5E5E, #763D14)

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