Cobalt Courtyard color palette — #EAF9F4 · #E4D4CE · #BDC6B3 · #2984C5 · #0C2B23

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Bone (#E4D4CE): bright and airy, almost weightless.
• Stone (#BDC6B3): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#2984C5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#0C2B23): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Lantern color palette (#FEF0FD, #E7D8D7, #B2B29C, #4D7BD3, #301D2F)
• Cerulean Workshop color palette (#EDF9F0, #C8E4E9, #F9CFE6, #008EA1, #162A1D)
• Periwinkle Orchard color palette (#EFF6FF, #D9D7EB, #C8BCE4, #4B97FF, #293442)
• Timeworn Studio color palette (#EFF6FE, #CAD2E7, #A3A3C2, #005CA1, #233446)
• Aubergine Workshop color palette (#FDF2F5, #E9D6CB, #D8B1A1, #744993, #16080D)
• Misty Pier color palette (#D9FFF3, #13A4F7, #9F5100, #3F4300, #121400)
• Weathered Navy Studio color palette (#EBDEE9, #CAB4BB, #A78989, #233773, #030003)
• Worn Mustard Balcony color palette (#FFF3E7, #D9C600, #4A931A, #664A7B, #231F00)

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