Weathered Cobalt color palette — #EDF2FD · #A8B0DE · #93A561 · #606AB5 · #063A2E

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF2FD): bright and airy, almost weightless.
• Mauve (#A8B0DE): A luminous, dusty violet — the color of a velvet chair.
• Moss (#93A561): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#606AB5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#063A2E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Plum color palette (#F3F0FB, #CDA4C6, #74AB84, #995591, #003938)
• Washed Teal color palette (#F0F5FF, #A1ACE2, #3EAD9A, #626DAA, #2C545A)
• Patina Cobalt color palette (#EAF3FD, #96B6DF, #C29161, #4273B2, #482333)
• Cerulean Dune color palette (#EDF2FF, #DFD4E0, #BAA89C, #678BB1, #363747)
• Tempered Iris color palette (#FFF0F8, #C2BCF6, #C9AF5E, #8A81C8, #504D46)
• Timeworn Station color palette (#EFF1FF, #A590C7, #A18B54, #67843C, #23253C)
• Pewter Corridor color palette (#F1F1F9, #A0CEC3, #72557B, #312C4B, #14121E)
• Driftwood Station color palette (#EAF6E9, #AAC2B2, #9B7C57, #744D3B, #1C3129)

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