Cobalt Courtyard color palette — #D8FDE1 · #8EC5DE · #4286C2 · #3B578F · #2A2353

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D8FDE1): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8EC5DE): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#4286C2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3B578F): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2A2353): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Gentle Studio color palette (#CCFFEC, #AAC7F2, #7D83D0, #5D4885, #3C1C45)
• Lagoon Corridor color palette (#EBF8D0, #92D4C7, #25989E, #005B6B, #002D41)
• Timeworn Archive color palette (#E9FDD6, #D9EFFE, #75B8EF, #626DA8, #532F5F)
• Cobalt Pier color palette (#F8F1E5, #73B7CE, #5D78A9, #754238, #1B312A)
• Eclipse Navy Garden color palette (#CAF0FA, #00608C, #00285D, #090035, #020007)
• Chalky Lapis color palette (#E1EEFA, #5A87E0, #4E3DCE, #3C0071, #1E0027)
• Aubergine Orchard color palette (#DDE3F0, #6560C7, #56009B, #3B0048, #12000B)
• Patina Cerulean color palette (#EDF4EF, #CEDADA, #BDAEA4, #4D8E9D, #313833)

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