Indigo Courtyard color palette — #F3F9DE · #40B754 · #506CDD · #9D1C00 · #422B00

Built around Sapphire, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Custard (#F3F9DE): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#40B754): A luminous, vivid green — the color of new leaves after rain.
• Sapphire (#506CDD): A full-bodied, vivid violet — the color of a velvet chair.
• Burnt Sienna (#9D1C00): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#422B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Indigo Station color palette (#EDFBDE, #00B68C, #775DDC, #893B00, #3E2E00)
• Hazy Parlor color palette (#F7F8D9, #63B31F, #4873CC, #961C51, #5B072D)
• Pale Garnet Thicket color palette (#D6E8D0, #009B8D, #834499, #800700, #321800)
• Ancient Bloom color palette (#E4FDE5, #00B1B4, #A651A4, #784900, #462900)
• Aged Garnet color palette (#E6F7EA, #00A8BA, #A3527B, #862B3E, #2D2E00)
• Brick Canyon color palette (#C4F4E3, #189EDF, #B80032, #5A4400, #0A2D00)
• Muted Cocoa color palette (#BBFCD3, #7CD0DD, #7A9BC1, #95674D, #6B3817)
• Patina Lantern color palette (#D7E6DA, #00848D, #8A1871, #4F2700, #181000)

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