Cobalt Meadow color palette — #FFF2EB · #BF8976 · #5C9979 · #6B70AC · #48413D

A conversation between Slate and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#BF8976): A luminous, dusty orange — the color of autumn markets.
• Fern (#5C9979): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#6B70AC): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#48413D): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Cobalt Meadow 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

• Washed Pewter Drift color palette (#FFF4E1, #AE9559, #4497A3, #9A5C98, #46423B)
• Muted Cobalt Delta color palette (#FFF1F0, #BA869C, #8B9042, #0081AE, #553A39)
• Washed Cerulean color palette (#FFEEE6, #D1857A, #4198C2, #3981A4, #34231B)
• Periwinkle Meadow color palette (#FEF0FF, #EA969E, #4FAEED, #6696C8, #4B3C4D)
• Fern Garden color palette (#F9F5E9, #BDB8A2, #888253, #6F5A31, #4E4A00)
• Feathered Grape Studio color palette (#FFE6CF, #B86900, #008577, #7A29C5, #492600)
• Muted Cocoa color palette (#FFF2EB, #DFDCCC, #C1C8A4, #B17F82, #784310)
• Hushed Shell Chapel color palette (#FFF0F9, #FFB196, #8ECEAB, #A5AADD, #4E3C48)

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