Weathered Cobalt color palette — #F9F0E9 · #AFD0C2 · #607CAC · #005C54 · #20193F

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

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Oat (#AFD0C2): A whisper-light, dusty teal — the color of sea glass.
• Slate (#607CAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#20193F): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Dune color palette (#F8F0ED, #B4D1AF, #0D8AA3, #325B2B, #00223C)
• Washed Cobalt color palette (#F9F4EE, #A4D0BE, #417DB3, #005E69, #283A5D)
• Cobalt Garden color palette (#FFEEE4, #5DCDE6, #0078B9, #00543D, #0C0554)
• Weathered Petrol color palette (#EDF9EF, #D9D6E1, #7BABD8, #007D8B, #1B2D52)
• Worn Hollow color palette (#EEE0D9, #4398A1, #00506F, #002E18, #000316)
• Antique Raspberry Loft color palette (#F4E4E3, #B25A82, #007E80, #155F79, #290606)
• Weathered Pier color palette (#F4E7DB, #4F7E9D, #193086, #001F1E, #020008)
• Stone Quarry color palette (#FFEDEB, #EDD4B7, #C9B572, #705E92, #391B14)

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