Cobalt Courtyard color palette — #CFEEFF · #0081C0 · #0060A2 · #003772 · #000622

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CFEEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0081C0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#0060A2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003772): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000622): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Softworn Studio color palette (#CFEFF3, #007494, #004675, #001D6D, #0D002D)
• Gentle Ultramarine Lagoon color palette (#D3E1F1, #1C72EA, #0236F4, #1E1998, #070030)
• Dusty Lagoon Harbor color palette (#CEF9F1, #008783, #006769, #004248, #000D11)
• Patina Canyon color palette (#EBDCEA, #1A75FB, #CA0075, #004CB3, #120006)
• Eclipse Onyx color palette (#D2E3E3, #005B6F, #002A49, #060048, #020008)
• Wandering Lilac Terrace color palette (#F0D9EB, #9D9DEE, #AC79EF, #1A66BB, #1E0317)
• Lapis Harbor color palette (#ECD8E5, #524BFC, #B00089, #006471, #01000F)
• Tempered Cornflower color palette (#C9E1FE, #77A9FF, #5985FF, #4854C5, #2C2959)

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