Weathered Cerulean color palette — #FFF1F4 · #BD9EC6 · #58AAB4 · #4281AB · #4B373B

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#BD9EC6): A luminous, dusty pink — the color of neon signs at night.
• Cyan (#58AAB4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#4281AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4B373B): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Tempered Meadow color palette (#FBF2FA, #94ABD7, #82A780, #2D8C7D, #463844)
• Softworn Study color palette (#FFF2EE, #C87577, #3F8AA3, #2C687B, #4B3831)
• Weathered Summit color palette (#FEF0FB, #FFA89E, #7FC4CB, #65A6AD, #463843)
• Muted Petrol Lagoon color palette (#F6F6E9, #A5B98F, #569B8B, #1E738F, #373F66)
• Softworn Canyon color palette (#F1F8EA, #5BB28E, #5495CD, #5F67AE, #31342E)
• Soft Lapis Station color palette (#FFE9E5, #CF6A8A, #4186BE, #4C4FBE, #3C1C18)
• Weathered Shell color palette (#FFF0FC, #FFA99E, #B0B37C, #8B78A2, #3A2D37)
• Patina Veranda color palette (#FAF4EF, #DBDAD3, #A7B7B8, #BA9275, #5A5149)

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