Sunlit Courtyard color palette — #EEF2E6 · #6894BA · #00498D · #002D3F · #000C3F

A conversation between Indigo and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF2E6): bright and airy, almost weightless.
• Slate Blue (#6894BA): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#00498D): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002D3F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Cerulean Study color palette (#EBEDE1, #4F9CAD, #005267, #002F32, #001722)
• Nightshade Lantern color palette (#F4E8DC, #5390C1, #1B33B4, #002B31, #050018)
• Quiet Ultramarine color palette (#ECD9DF, #6AA8DC, #3257D6, #004952, #16013F)
• Quiet Cornflower color palette (#D0EAEA, #6DB6F8, #2682EA, #00678E, #000A41)
• Soft Dune color palette (#ECF0E4, #92BCAE, #146BB2, #004C64, #042B60)
• Cobalt Orchard color palette (#F4F7E8, #AFD9C6, #0088C5, #006476, #06436D)
• Petrol Alley color palette (#F6F7E4, #83C5C5, #007D86, #00574D, #003A43)
• Timeworn Summit color palette (#FFE0E5, #C28CB1, #C34C82, #5B007E, #290027)

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