Cobalt Meadow color palette — #F9F4ED · #A3D0C2 · #3F77C9 · #005D70 · #30385B

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Pistachio (#A3D0C2): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#3F77C9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D70): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#30385B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Cobalt color palette (#FEF4E3, #7BC3E1, #0074B1, #00555A, #0E3261)
• Cerulean Harbor color palette (#FAF4EC, #85E0E4, #008EA6, #006856, #08465D)
• Washed Studio color palette (#FEF1F6, #AFDAFC, #7D91D7, #007C7C, #353855)
• Azure Workshop color palette (#CEF2FC, #00A5D4, #0073A7, #00478C, #263660)
• Tempered Lilac Lagoon color palette (#FEF0FF, #FCCDD4, #C39DD7, #247696, #4D384A)
• Tempered Cerulean color palette (#ECE1D1, #2C9FB7, #00516E, #00302E, #001528)
• Washed Bronze Pier color palette (#DFF4EE, #4893D3, #B06200, #005A95, #512A00)
• Plum Lantern color palette (#F2DCF3, #2C7AD1, #B9344E, #3C6816, #382239)

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