Cobalt Courtyard color palette — #F4F7EC · #ABDAC8 · #2B86C6 · #00637B · #1E4168

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Oat (#ABDAC8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2B86C6): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00637B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1E4168): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Lagoon Loft color palette (#F6F6EB, #B8D8B7, #009199, #00685B, #004953)
• Weathered Cornflower Bloom color palette (#F8F0E9, #A6D7F6, #3C81E3, #006165, #1E1858)
• Denim Station color palette (#DFE3D4, #5A98B7, #004F77, #002E39, #00152A)
• Cerulean Coast color palette (#EBF8F7, #D0DDFC, #70BEFF, #00A0C7, #1B416C)
• Hazy Cobalt Lagoon color palette (#F2F8E4, #7DBFF2, #056FC2, #00526C, #012E70)
• Muted Periwinkle Delta color palette (#FFF0F7, #BFE0FA, #5D9BF8, #008187, #37386F)
• Hushed Ash Grove color palette (#F5F6EE, #C6E8DE, #63A6AB, #5F7754, #385140)
• Faded Moss Veranda color palette (#E0F3C8, #678F00, #008381, #8D4E00, #263703)

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