Cobalt Courtyard color palette — #C8E7E2 · #59A9B4 · #1C7BB3 · #00472C · #001B1D

Cerulean and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#C8E7E2): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#59A9B4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#1C7BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00472C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001B1D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Tempered Lantern color palette (#DCF6F4, #66BDA7, #008799, #2B4900, #001C13)
• Wandering Indigo Garden color palette (#DEF4FF, #88B1D6, #5C70D4, #004141, #001826)
• Petrol Alley color palette (#D0EFFF, #5A92BF, #5760A5, #003937, #000E19)
• Softworn Drift color palette (#D9EAE4, #28BFDC, #7A88FF, #4D6A00, #002022)
• Worn Lilac color palette (#E2F1FF, #A9C5FF, #A697D8, #006C83, #162E50)
• Shadow Aubergine Bloom color palette (#D7E2EB, #00719F, #460077, #002A3F, #030009)
• Aged Periwinkle Bloom color palette (#D8FEFF, #97DAF5, #69A9FE, #00705F, #003D45)
• Worn Bloom color palette (#CEEDEA, #00CCE9, #27AFFA, #218D66, #00191C)

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