Washed Cobalt Harbor color palette — #F5EDE1 · #A5CFBF · #3E8AD5 · #006A78 · #172A5C

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Pistachio (#A5CFBF): A luminous, dusty teal — the color of shallow lagoons.
• Azure (#3E8AD5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#172A5C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Dusty Petrol color palette (#F8F5EF, #B8DED3, #7495D1, #007894, #32365E)
• Softworn Ridge color palette (#F3EEE5, #93D2D0, #0097A9, #006F54, #003343)
• Worn Azure color palette (#EBFAED, #D2DFFE, #4295E9, #006876, #0E1B41)
• Frosted Delta color palette (#F7ECE3, #7CBADD, #2C5FCE, #00504B, #2F264E)
• Timeworn Balcony color palette (#F3EADD, #75ABBD, #006F9B, #004A4A, #00142B)
• Weathered Cerulean color palette (#F8F5EF, #CDE5E8, #95B3DE, #4392A7, #614A5C)
• Rose Archive color palette (#FFEAE5, #D15776, #628900, #006DB3, #3D0718)
• Airy Plum color palette (#F1D7D3, #D77495, #009B8F, #B5005E, #00312C)

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