Cobalt Courtyard color palette — #F4EAF9 · #0075B0 · #8F4F00 · #100C02 · #020100

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

The five colors

• Blush (#F4EAF9): A whisper-light, dusty violet — the color of wild irises.
• Cerulean (#0075B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8F4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#100C02): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Twilit Ultramarine Alley color palette (#F9E4E3, #004FD6, #774300, #0E0C05, #020100)
• Dusty Cobalt color palette (#F3EBFD, #0093D6, #A27400, #150C00, #000300)
• Brick Ridge color palette (#DFE8F6, #007C90, #B7002E, #170600, #040000)
• Worn Orchard color palette (#D2EDFF, #009981, #647D00, #051109, #020200)
• Spruce Alley color palette (#EEEEDF, #98A58A, #68846E, #283E00, #050400)
• Amethyst Station color palette (#F4D9C4, #7E25FB, #904E00, #0F0C04, #020100)
• Antique Bronze color palette (#F5F0E0, #8B5D00, #31383E, #212000, #030300)
• Midnight Chapel color palette (#E6DFCC, #4F7400, #004331, #001C1F, #000204)

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