Weathered Cerulean color palette — #F9F3F9 · #E1D7D8 · #AFACA3 · #6785A7 · #565057

Storm Blue and Charcoal Brown set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Ash (#AFACA3): soft and architectural.
• Storm Blue (#6785A7): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#565057): a grounded near-black with real depth.

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

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

• Worn Pewter color palette (#FBF2F4, #E1D8D4, #CBBDAF, #83698C, #4F4447)
• Muted Fern color palette (#F9F6E0, #7CADD8, #806D9B, #665A04, #52424F)
• Washed Olive color palette (#DBFFF3, #D0B9C7, #A28689, #757329, #3E5547)
• Dusty Studio color palette (#F4ECF0, #D9C7CB, #B19A9A, #4F4C87, #372931)
• Navy Orchard color palette (#EFE6EE, #A8939D, #87666D, #00206E, #120311)
• Tempered Driftwood Drift color palette (#FBF4EA, #CAC0A1, #86853D, #765D6C, #5D4B00)
• Muted Powder color palette (#FFF0FC, #D1E4FF, #B4BAFF, #C090B7, #5B3E4E)
• Periwinkle Study color palette (#FDF1FC, #7898D0, #966152, #585622, #2B452C)

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