Weathered Cerulean Field color palette — #FBF4ED · #B7E3FF · #668BC2 · #296E71 · #573F4F

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#B7E3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#668BC2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#296E71): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#573F4F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cobalt Canyon color palette (#FEF3EB, #94D8FC, #3A81D1, #006667, #363C64)
• Antique Ash Harbor color palette (#FCF3EF, #C5EFE8, #68A2BE, #647557, #5C4D5D)
• Softworn Cerulean Summit color palette (#F8F0EA, #C4E5D7, #728DC1, #176C65, #402032)
• Worn Amber Coast color palette (#FFF3E7, #C37200, #2B84B3, #4C6996, #3C3732)
• Dusty Pier color palette (#F0F7F1, #D7DDF4, #8FC2FB, #00ABC2, #354867)
• Tempered Coast color palette (#FDF3ED, #8FD3D1, #00879D, #266040, #124436)
• Amber Pier color palette (#FFF3E7, #D58D41, #3694C1, #8C581F, #244B3D)
• Worn Workshop color palette (#F1E1D7, #298DA8, #004064, #00231F, #00032A)

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