Weathered Cobalt color palette — #F1F5FF · #D5F0BD · #6F70A6 · #333260 · #0A0F1C

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Celadon Mist (#D5F0BD): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#6F70A6): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#333260): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0A0F1C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Aged Driftwood color palette (#F4F4FD, #CAD8F1, #9678A6, #533B5F, #1B1A25)
• Ancient Mustard color palette (#EEF1FF, #D2AE5F, #5A4982, #22253D, #0A0C15)
• Patina Plum color palette (#F7F3FF, #9BEFB1, #9D4091, #4C1245, #0A0316)
• Dusty Alley color palette (#FDF1F6, #EDD29B, #9B86D1, #665B87, #2C1C23)
• Patina Mint color palette (#FBF2FA, #77C292, #3A517A, #3A2639, #23171B)
• Dusty Coral Balcony color palette (#E4FBF6, #CBC3FD, #CC7386, #00707F, #322C4B)
• Softworn Iris Quarry color palette (#F3F5FB, #E6D5EE, #DA873F, #7F7AE2, #1D0C14)
• Frosted Grape color palette (#F3F4FF, #64DF9D, #6B34AB, #2A004E, #020007)

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