Indigo Courtyard color palette — #FFF1F5 · #98D4FE · #4C6EE7 · #005150 · #12002B

Sapphire and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#98D4FE): A whisper-light, balanced blue — the color of open sky before noon.
• Sapphire (#4C6EE7): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#005150): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#12002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hazy Alley color palette (#FDF1FA, #93D9E6, #0083BD, #005438, #020433)
• Petrol Bloom color palette (#F7E9F5, #6BC7D0, #007099, #004123, #00020E)
• Softworn Corridor color palette (#D3E4E3, #7BA1C0, #0058A3, #00364B, #000726)
• Faded Cornflower Orchard color palette (#E8DFD0, #82C8FE, #4E91F2, #007991, #141945)
• Hushed Orchid Corridor color palette (#E7D9FF, #A85AFD, #006E25, #005246, #030009)
• Quiet Azure color palette (#FFF0FA, #D4D9F5, #15A1F8, #007559, #171B56)
• Wandering Apricot Boulevard color palette (#F2F4FF, #FFD4E7, #FF9874, #2765A8, #1D0320)
• Ultramarine Study color palette (#F7E5EC, #65ABD4, #1040CB, #002C29, #020008)

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