Weathered Cobalt color palette — #FFF2EB · #C28777 · #5F9875 · #646FBA · #48413D

Built around Slate, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#C28777): A luminous, dusty orange — the color of autumn markets.
• Fern (#5F9875): A luminous, balanced teal — the color of glacier melt.
• Slate (#646FBA): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#48413D): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Antique Cerulean Chapel color palette (#FFF4E3, #B09459, #2B9AA4, #926296, #46423B)
• Patina Canyon color palette (#FFF1F1, #BC84A0, #8F8E3F, #2281A4, #543B3A)
• Wandering Cerulean Cabin color palette (#FFEEE6, #D58279, #319ABF, #2884A3, #362219)
• Sky Loft color palette (#FFEFFF, #E8989C, #58AEE4, #788AC1, #4C3D4C)
• Antique Grape Corridor color palette (#FFE6D1, #BD6600, #008572, #7333C4, #4B2500)
• Chestnut Field color palette (#FFF2EB, #DFDBCD, #9DBCCF, #AC7981, #7A4513)
• Hushed Cocoa Alley color palette (#FFF2EA, #F1BFAE, #AE7057, #783611, #4F2916)
• Bronze Delta color palette (#F9F5EB, #BFB89F, #997C36, #7C550F, #4F4900)

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