Washed Cobalt color palette — #FFF2EC · #9CD9EA · #1685CE · #00694F · #323B6C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Powder Blue (#9CD9EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1685CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00694F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#323B6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Washed 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

• Indigo Summit color palette (#FCF4EC, #A5DBCC, #6374DB, #006668, #4A306C)
• Dusty Cerulean Summit color palette (#ECF4ED, #86DFF3, #008FBC, #00625E, #002742)
• Softworn Navy color palette (#FFF2EB, #6EC5E0, #0071BD, #005845, #26207B)
• Aged Bloom color palette (#FDF3EF, #CBE4CD, #4995B4, #277342, #563E57)
• Pale Terrace color palette (#FCF4E7, #9DE9FB, #00AADE, #00837D, #00436C)
• Timeworn Delta color palette (#F4E5DE, #539CA8, #004F75, #00321F, #03004B)
• Tempered Navy Delta color palette (#EEE4DB, #5F85A3, #263181, #002222, #0F0022)
• Nightshade Pier color palette (#EEE2D6, #81A2C3, #4448AD, #003D41, #291040)

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