Misty Courtyard color palette — #E0EEFD · #ADC100 · #FF6875 · #3B2A15 · #221916

Watermelon and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E0EEFD): A whisper-light, dusty blue — the color of open sky before noon.
• Lime (#ADC100): A luminous, vivid green — the color of a quiet forest floor.
• Watermelon (#FF6875): A luminous, vivid red — the color of late-summer berries.
• Espresso (#3B2A15): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#221916): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Timeworn Lime color palette (#DFEDFF, #63D300, #FF6E47, #38352E, #291F19)
• Wandering Lantern color palette (#C7F0FE, #D0B300, #FF54BF, #402617, #231717)
• Worn Lantern color palette (#F3E3FF, #E0BD00, #FF9587, #79433C, #231521)
• Soft Amber color palette (#E7E6FA, #00D3A1, #E38A00, #32312A, #251B11)
• Chalky Scarlet color palette (#E7EEFE, #00AE62, #EE110D, #201200, #0D0200)
• Washed Amber Lantern color palette (#FAEBE5, #BD9538, #6D2B28, #36180B, #170D01)
• Antique Mustard Boulevard color palette (#EADCF8, #00D0EF, #C6A600, #33362F, #29210E)
• Airy Cocoa Bloom color palette (#FFF2EB, #DB7C5C, #526700, #8A2A00, #1C1904)

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