Weathered Cobalt color palette — #FFF2ED · #BE8787 · #6C975F · #5177B2 · #553B33

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Dusty Rose (#BE8787): A luminous, dusty red — the color of late-summer berries.
• Moss (#6C975F): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5177B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#553B33): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Pewter Thicket color palette (#FFF3E6, #B59069, #2C9D93, #8665A5, #47413C)
• Dusty Driftwood Bloom color palette (#FFF1F3, #B784B1, #A18737, #1E8494, #553A3D)
• Softworn Station color palette (#FFEDEC, #C685A7, #009EB8, #3D80A5, #372020)
• Turquoise Basin color palette (#FAF1FF, #E794B3, #39B4DB, #589DB7, #493D4F)
• Weathered Dune color palette (#FCF4EA, #C3B79C, #947C56, #825118, #564600)
• Washed Market color palette (#FFE5D6, #D24F0E, #00885A, #5441D2, #511F09)
• Ancient Grape color palette (#F6E0CC, #A86925, #007E72, #6E3CA3, #412301)
• Worn Cocoa color palette (#FFF2ED, #F6C1B9, #B47065, #843632, #542720)

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