Cobalt Courtyard color palette — #E3E2D4 · #007EB0 · #007469 · #051013 · #000203

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E3E2D4): bright and airy, almost weightless.
• Cerulean (#007EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Teal (#007469): A full-bodied, balanced teal — the color of sea glass.
• Ink (#051013): a grounded near-black with real depth.
• Black (#000203): quiet, heavy and certain.

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

• Antique Summit color palette (#FFE2CA, #008681, #4D7100, #040F09, #000202)
• Patina Byzantium color palette (#F3D8E3, #A603E9, #006B9D, #0B0E17, #000205)
• Eclipse Petrol Lantern color palette (#CDF1FF, #006A95, #002E4B, #000F25, #04000F)
• Tempered Spruce color palette (#E3ECF1, #8E9CA5, #5A7489, #00313B, #020B10)
• Airy Garden color palette (#F8E0ED, #827EFF, #008CBB, #0D1421, #00050A)
• Frosted Ember Alley color palette (#E4E3F3, #D65C00, #047019, #061106, #020200)
• Twilit Fern Delta color palette (#C9EDEE, #5B6600, #302B31, #001A11, #000302)
• Charred Bronze Thicket color palette (#EEE2FF, #9E5500, #174F00, #060E0F, #000201)

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