Aged Cobalt Harbor color palette — #F5F1EB · #A5D3C5 · #557CB9 · #00596C · #161B43

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Pistachio (#A5D3C5): A whisper-light, dusty teal — the color of sea glass.
• Slate (#557CB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#161B43): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Parlor color palette (#F6F1EA, #B3D1B4, #008B9E, #005D49, #002531)
• Patina Cobalt color palette (#FCF2F5, #A9C9E6, #5F71C2, #005F61, #353755)
• Timeworn Study color palette (#E7DFD1, #5C94A3, #00506E, #002C2B, #00050D)
• Washed Periwinkle color palette (#EFF8F1, #B3DAFA, #6B96D9, #007891, #2B3A59)
• Frosted Coast color palette (#ECEBD3, #7D9E4F, #9064BA, #426000, #280740)
• Pale Parlor color palette (#E1E2D4, #588C36, #1F6DC6, #A51B3B, #151500)
• Chestnut Market color palette (#F0DCCC, #AD9376, #8B562D, #642A18, #221500)
• Aged Olive color palette (#F2F5D8, #BDE1C9, #78BDB8, #787500, #232906)

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