Cobalt Courtyard color palette — #FFF0FE · #4E81CE · #8C6C00 · #684F00 · #3D2C3D

Azure and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#4E81CE): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#8C6C00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#684F00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D2C3D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Timeworn Cobalt Loft color palette (#FFF0FE, #4C7FD4, #847000, #005F66, #3E2C3D)
• Washed Study color palette (#EAF3FF, #4E81E9, #A06538, #52570E, #111A27)
• Ancient Station color palette (#FFF0FD, #6F9CF6, #BC7F55, #6E7342, #3B2E3A)
• Gentle Garden color palette (#EAFAF2, #008EB7, #AF4F42, #336023, #22392E)
• Weathered Peony color palette (#FFF1F2, #AA659E, #9D611A, #006249, #422C2E)
• Softworn Terracotta Archive color palette (#FDF1F9, #6872BE, #9F2C26, #005330, #35202F)
• Feathered Violet color palette (#FFE7F0, #9565D0, #395D00, #00428A, #351F28)
• Rust Balcony color palette (#EFF7F4, #6CB7ED, #AB512E, #00669A, #311F14)

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