Weathered Courtyard color palette — #F2F4FF · #C8FFCA · #D7D9CD · #4A5100 · #2A2B24

Deep Olive and Honeydew set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Honeydew (#C8FFCA): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#D7D9CD): bright and airy, almost weightless.
• Deep Olive (#4A5100): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2B24): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Frost Grove color palette (#FFF1F7, #B7FDFF, #B4DBD5, #3A473B, #1F251F)
• Wandering Cabin color palette (#F1F7F0, #D4D8CB, #59928D, #394C37, #151E13)
• Patina Celadon color palette (#EEFFA9, #FFE8E7, #94EDFF, #2D4435, #131D16)
• Worn Lantern color palette (#EBEDDB, #89D7FF, #00D8C1, #283523, #141812)
• Seafoam Study color palette (#EFF9EA, #76D8C5, #DC9B96, #A57370, #2B3526)
• Patina Loft color palette (#F0F7F2, #D2DCDD, #B9AFA5, #80B9C4, #48504A)
• Tempered Pier color palette (#EFE997, #B9E3FF, #1CF4D8, #45666C, #2C383A)
• Linen Chartreuse Pier color palette (#FFF2CF, #FECFFD, #25F780, #063618, #0F1300)

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