Indigo Courtyard color palette — #ECF7FD · #62BDD6 · #6664B1 · #006B80 · #1E2333

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Cyan (#62BDD6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6664B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#006B80): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1E2333): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Indigo 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

• Worn Petrol Lantern color palette (#EBF8F9, #73C1A6, #3873A6, #007157, #162534)
• Dusty Petrol color palette (#F0F6FC, #9EC4EE, #916CA5, #3E70A4, #2D2C3A)
• Weathered Plum color palette (#ECF3F5, #75C3BF, #A55685, #007470, #120A19)
• Washed Azure color palette (#E8FBEC, #629DD1, #656299, #753D0B, #2C3E56)
• Aubergine Field color palette (#E7F7FF, #85B1DE, #5B6FB2, #4D3F8A, #512173)
• Patina Cabin color palette (#F0F6FB, #DADAE4, #C1BDCA, #437B9F, #404950)
• Washed Pier color palette (#F0F7F0, #85D5D3, #BD73A2, #009392, #331D1E)
• Feathered Thicket color palette (#D3EAF9, #007397, #3C0083, #002B3B, #02000B)

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