Sunlit Courtyard color palette — #F0F5FF · #798FFF · #C3005B · #4B3E00 · #001715
Magenta Rose and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender Blue (#798FFF): A luminous, vivid violet — the color of wild irises.
- Magenta Rose (#C3005B): A full-bodied, vivid red — the color of embers at dusk.
- Deep Olive (#4B3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001715): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Wisteria Cabin color palette (#F3F4FF, #B96FFF, #C02905, #384600, #00161A)
- Quiet Delta color palette (#EDF7FF, #04A3F2, #AC20A0, #5E3300, #001808)
- Worn Scarlet color palette (#F3F4FF, #C890FF, #D64433, #515600, #002729)
- Lapis Boulevard color palette (#FEDCF4, #484BFF, #8F0035, #363500, #002A2E)
- Sunlit Field color palette (#F5EFFF, #B8489B, #694500, #002C22, #00000F)
- Plum Courtyard color palette (#E9D9F0, #BB0060, #4A3A00, #001A16, #00000B)
- Quiet Lantern color palette (#F6F3FF, #D782D5, #A86408, #005838, #001A3E)
- Mallow Lagoon color palette (#F2F5FF, #D5B1FF, #AD779E, #716018, #263700)
Browse the whole catalog at Explore, or see today's palette.