Cobalt Courtyard color palette — #F7ECE4 · #74BCDB · #2467B8 · #005146 · #2A294C

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Sky (#74BCDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2467B8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#2A294C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Forest Dune color palette (#F9EBE7, #54C5C6, #007391, #00541E, #0E2F51)
• Ancient Cabin color palette (#DBEEEC, #80BDD9, #0073A4, #004956, #00172B)
• Patina Cobalt Grove color palette (#FEF3E9, #92CDF2, #5776BB, #00605B, #4F2F3F)
• Muted Atelier color palette (#EDF0E2, #A3D0BB, #418FBA, #00697B, #003150)
• Pale Bloom color palette (#FFF2EE, #7DE2E1, #008DB0, #216931, #234163)
• Patina Meadow color palette (#F1DACF, #339FB3, #004E78, #003121, #070D39)
• Periwinkle Bloom color palette (#F8EAF1, #B0D9F4, #54AAFA, #00918D, #1E285B)
• Wandering Ash Coast color palette (#FBF4EE, #C1F1F2, #7F9AC8, #3D7B74, #624B57)

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