Cobalt Courtyard color palette — #F3E7D7 · #B38A33 · #3082BF · #6E4F00 · #001E35

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

The five colors

• Parchment (#F3E7D7): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B38A33): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#3082BF): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6E4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#001E35): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, 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

• Feathered Terracotta Market color palette (#FFE3D2, #D4724E, #0086BA, #913000, #001F2F)
• Antique Moss Cabin color palette (#F2E9CE, #9C9526, #836ABD, #5D5700, #21113C)
• Timeworn Lantern color palette (#F3E0C4, #9E7400, #3F6EB2, #41569A, #1D1100)
• Periwinkle Thicket color palette (#E3F4E4, #CF9E52, #5994F2, #986600, #173462)
• Hushed Ultramarine color palette (#F1E7D5, #826800, #094DBE, #433400, #00051F)
• Feathered Raspberry color palette (#FEEBD8, #B4824D, #A8549F, #7B4900, #4F204B)
• Ancient Hollow color palette (#F0DDC7, #A79860, #7F5D30, #5E3017, #1D1801)
• Wandering Grape color palette (#EBF4D5, #89A223, #7E2ACC, #455300, #20003C)

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