Weathered Cerulean color palette — #F9F3F7 · #BEE3F3 · #3693C9 · #257252 · #3B485E

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#BEE3F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3693C9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#257252): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3B485E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Ash Thicket color palette (#FBF3F5, #DADEEE, #8997C5, #3A7B7A, #4E5168)
• Olive Quarry color palette (#EEF6FF, #4B8BD6, #6D8700, #527437, #29394C)
• Muted Cobalt color palette (#FBF2F7, #A3CBE5, #4679BC, #006154, #373659)
• Cerulean Veranda color palette (#F6F1EA, #BFE8CB, #5298B3, #2D6A63, #0B3429)
• Lagoon Archive color palette (#F3E6F3, #36908F, #004355, #002506, #000919)
• Softworn Studio color palette (#FBF3EF, #C7E7E2, #81C8EC, #65A794, #563E57)
• Powdered Indigo color palette (#C4ECFF, #69B7F0, #6075D9, #58448C, #513A5B)
• Pale Ultramarine color palette (#EEDFE4, #7AA5C1, #2C4CB2, #003E3C, #22163D)

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