Cobalt Courtyard color palette — #FFF0FE · #99C0FF · #EA7FA5 · #3E74CB · #441427

Sapphire takes the lead with Bubblegum close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#99C0FF): A luminous, balanced blue — the color of open sky before noon.
• Bubblegum (#EA7FA5): A luminous, balanced rose — the color of pressed rose petals.
• Sapphire (#3E74CB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#441427): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Powdered Indigo Workshop color palette (#FFF0F7, #C3B1FE, #ED8470, #7C63BD, #48130A)
• Wisteria Archive color palette (#E2FDEF, #5ECEFA, #D088D2, #0082A8, #3A183B)
• Peony Delta color palette (#FFF0FC, #7EA1FF, #CA70BC, #008F97, #2B0F27)
• Powdered Cornflower color palette (#F7EAF5, #9FBEFF, #E69F51, #588AFF, #4E2C00)
• Wandering Periwinkle color palette (#FFF0FB, #DFD2D8, #CBBBB7, #7E9CCF, #43293A)
• Ultramarine Hollow color palette (#E5EFFF, #668CD7, #BF4775, #1E4DB4, #502634)
• Dusty Pewter color palette (#FFF1F5, #FFBDB2, #735488, #331C42, #0C0104)
• Pale Coast color palette (#FFF0FA, #C9D1FF, #59D2BD, #7681D8, #004339)

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