Weathered Cobalt color palette — #F7F0E9 · #A2CDF2 · #6977B6 · #005B5D · #331522

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F0E9): bright and airy, almost weightless.
• Sky (#A2CDF2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6977B6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#331522): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, 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

• Pale Balcony color palette (#FFEEE2, #5AC9FA, #2A6ED1, #00524A, #1A0946)
• Cerulean Field color palette (#FAEFEB, #AFD2B4, #1587B0, #275B3A, #0B203E)
• Worn Cobalt Harbor color palette (#F3F7ED, #9DD2C3, #4B7AB6, #005A7D, #263961)
• Iris Quarry color palette (#FDF2F5, #B8D8F7, #7793D8, #007A87, #39345B)
• Patina Mallow color palette (#D4FCF1, #DFDEFF, #E2A4C9, #2D7676, #321D30)
• Tempered Cornflower Basin color palette (#F7E1F8, #3F93F0, #AC6B15, #155598, #2C1600)
• Cobalt Market color palette (#D0F6F6, #00A7C6, #006EB5, #233C7E, #1F133A)
• Pale Cabin color palette (#FAE2FB, #0079EA, #906500, #5A5B04, #1E0B20)

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