Cobalt Courtyard color palette — #F9F1E4 · #AFDCC2 · #008DC4 · #006262 · #002647

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Pistachio (#AFDCC2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008DC4): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006262): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002647): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Misty Cornflower color palette (#F7F1E8, #ABD4FC, #517FDC, #005E77, #1D1D50)
• Cobalt Orchard color palette (#FBF2F8, #A0D9EA, #0084D6, #006952, #343B6B)
• Turquoise Coast color palette (#C3EEEC, #00B8C8, #007C92, #00506E, #002941)
• Washed Denim Garden color palette (#EAE0CF, #5D94A1, #00516C, #002C2A, #00050C)
• Tempered Basin color palette (#EFE8DD, #90BFAB, #2770A8, #004A51, #00103E)
• Dusty Powder Study color palette (#DBFBEB, #D3E6FF, #BEB5FF, #007A85, #042F4B)
• Tempered Petrol color palette (#F5F1EB, #C7E3E4, #809FC2, #137888, #432E40)
• Linen Raspberry Field color palette (#C0F2DC, #008FBE, #C62983, #646600, #001B27)

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