Weathered Cobalt color palette — #CFF9F8 · #75B6BB · #557CAD · #6B4757 · #513532

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

The five colors

• Honeydew (#CFF9F8): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#75B6BB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#557CAD): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#6B4757): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#513532): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Aged Cypress color palette (#CDEDDF, #79AEA9, #198188, #635169, #4F3D50)
• Tempered Courtyard color palette (#D6F9FD, #99B8C7, #6B81A3, #7B5563, #3C574B)
• Timeworn Aqua color palette (#A7EFF6, #78C8E1, #6694B6, #68698F, #413C57)
• Wandering Station color palette (#FDF1F8, #A2CBE6, #3B7CB9, #00605D, #2B3A58)
• Cocoa Delta color palette (#D3EDCE, #ABCCB6, #8BB4A8, #9F7872, #683004)
• Washed Pewter Courtyard color palette (#D7EEFF, #8A90B9, #824F7A, #37532D, #003F42)
• Turquoise Orchard color palette (#DCF2F0, #00A7B3, #007494, #004F7A, #3A2E5A)
• Hushed Atelier color palette (#D4EBE7, #569794, #255D8A, #592800, #332A00)

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