Washed Cobalt color palette — #FAF4EF · #A5D0C0 · #5478B3 · #005F64 · #34355F

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Pistachio (#A5D0C0): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5478B3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#34355F): 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 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

• Hushed Forest color palette (#FBF3EF, #B5CCB5, #0A869E, #00633E, #0F3F5A)
• Softworn Cobalt Pier color palette (#FFF2EB, #79C4DD, #0074B4, #005650, #132B72)
• Antique Cobalt Thicket color palette (#EBF4F3, #ABCCE6, #0681CD, #00586F, #0C2138)
• Muted Azure Hollow color palette (#F4F6EE, #AFDBF9, #459BE3, #007797, #223C5B)
• Tempered Study color palette (#EFE3DD, #5F9AA5, #00506E, #003126, #00132E)
• Dusty Workshop color palette (#FAF4EF, #CEE3E3, #7F9CBF, #097E80, #65485C)
• Hushed Lagoon color palette (#FFF1F6, #C4E5FF, #8EB3EA, #319DA2, #34365C)
• Mallow Grove color palette (#DAFFF3, #FFD8F0, #D2A5DA, #00767E, #533851)

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