Washed Cobalt Pier color palette — #F7F1E8 · #A8D2C6 · #5F7CB0 · #00586E · #191C3D

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Oat (#A8D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5F7CB0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00586E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#191C3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Wandering Cerulean Basin color palette (#F6F1E9, #B7CFB9, #218A9E, #005D4C, #002433)
• Aged Meadow color palette (#FBF0E0, #79C6EC, #0076BE, #005058, #001447)
• Cobalt Grove color palette (#FEF1F5, #B2C7DD, #6972B0, #005F63, #433059)
• Aged Quarry color palette (#E8DFD2, #4F95AA, #005071, #002C2C, #00040E)
• Tempered Ash Lantern color palette (#F5F1EA, #C6E4E7, #819EC6, #3E7482, #452D3F)
• Wandering Crimson Chapel color palette (#FFDED3, #C74D58, #487E34, #325B97, #290701)
• Mulberry Corridor color palette (#FFE2DA, #C87581, #008E8C, #9A183E, #002221)
• Weathered Pier color palette (#FFEEE8, #FCC9B4, #D4AC79, #945A70, #3B2012)

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