Washed Cobalt color palette — #FDF0DE · #78B8C1 · #6378A4 · #664D24 · #1A3228

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

The five colors

• Cream (#FDF0DE): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#78B8C1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6378A4): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#664D24): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#1A3228): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, 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

• Washed Fern color palette (#F4F3E2, #88AEDF, #866D95, #5A5400, #372632)
• Tempered Turquoise Meadow color palette (#E7F6EE, #63A7C1, #975F6C, #6B411A, #2D2801)
• Patina Loft color palette (#FFF2EF, #86ADCC, #5F76AA, #78456B, #524154)
• Muted Driftwood Meadow color palette (#F4F2EA, #C3C6AC, #728E4E, #506858, #31322B)
• Pewter Studio color palette (#E3FBFB, #BAE3FF, #8AA3CD, #8A6484, #2F4152)
• Washed Courtyard color palette (#ECF9EF, #82CCD2, #7B93BC, #856B24, #344B59)
• Hushed Chestnut Harbor color palette (#E5F8E9, #B4CDC6, #A08793, #7D6418, #4F4300)
• Tempered Cypress Delta color palette (#F8F0EC, #C6E6E3, #78A2BD, #3F776B, #432E43)

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