Cobalt Courtyard color palette — #DDDEFC · #D19CC2 · #D87A88 · #427BD2 · #1D0735

Azure takes the lead with Watermelon close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#DDDEFC): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D19CC2): A luminous, balanced pink — the color of a candy shop window.
• Watermelon (#D87A88): A luminous, balanced red — the color of a theater curtain.
• Azure (#427BD2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1D0735): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Quiet Blush Courtyard color palette (#F6E0FB, #EB9CD1, #ED7E8F, #7E6CBE, #2A0427)
• Sunlit Cobalt Pier color palette (#F4D5EF, #B7B1EF, #D08CD7, #197DBF, #100C36)
• Worn Coral color palette (#E1E8F9, #CF9BE1, #D06E78, #006380, #200B30)
• Sunlit Grape color palette (#FFE6EC, #E08E99, #C17A5C, #6C4FA8, #180017)
• Raspberry Balcony color palette (#E2EAFF, #AB87C7, #AE5192, #123585, #0A001F)
• Soft Coral Meadow color palette (#E4E9FF, #EFBCEE, #E27B7D, #005679, #0A0017)
• Iris Ridge color palette (#FFF0F7, #FCD0E3, #FFAED5, #7396F7, #42235A)
• Softworn Lilac Courtyard color palette (#C5ECDC, #99BEFD, #A793FE, #008D9E, #001937)

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