Cobalt Meadow color palette — #EFF8F0 · #BDE1FF · #648BC5 · #306B7B · #3B4861

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#BDE1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#648BC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#306B7B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3B4861): A full-bodied, 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

• Ancient Courtyard color palette (#F8EFF2, #C6E0F7, #798DB8, #006B75, #222A47)
• Antique Ridge color palette (#F4F6EF, #C0E7EB, #98C1EE, #2FA5D3, #334869)
• Worn Thicket color palette (#FAF4EE, #C3E5E8, #89A4DC, #278994, #5D3B4F)
• Turquoise Villa color palette (#E3EFE5, #4DAEBF, #00607C, #003E39, #002237)
• Aged Cerulean Garden color palette (#F0F8F1, #8ED3D6, #00879D, #006150, #1D3E53)
• Cerulean Courtyard color palette (#D7E4D9, #418AA8, #004064, #002224, #00081D)
• Feathered Moss color palette (#D8FFF6, #639A38, #3E7DC6, #9A4E57, #1B3F39)
• Sapphire Studio color palette (#E8F1EA, #83B6E9, #3C63BA, #004D61, #262854)

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