Cobalt Courtyard color palette — #D2EAE6 · #00BBDC · #0090C8 · #3E5495 · #3B3962

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D2EAE6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00BBDC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0090C8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3E5495): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3B3962): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Canyon color palette (#DAFDFF, #60D0E9, #0096DA, #005AA5, #272F5C)
• Hushed Iris color palette (#B7F2FF, #4BC5FA, #648EDF, #635F99, #484465)
• Antique Teal Lantern color palette (#CAE8D3, #00C3B3, #0098A2, #006991, #244060)
• Chalky Nightshade color palette (#D6EBEB, #0096C3, #006AAB, #362693, #231144)
• Cobalt Balcony color palette (#EEF6FF, #9ABEFF, #3F85D8, #2D4F88, #011E42)
• Hazy Iris Grove color palette (#D3E1EC, #85AAFF, #8175E4, #725192, #522D45)
• Dusty Amber Boulevard color palette (#E3F0FF, #80BEFF, #BF6D25, #2E75B8, #512A06)
• Mallow Veranda color palette (#ECF7FF, #E3D5EC, #EFAFD2, #4C9C90, #2F3B50)

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