Straw Courtyard color palette — #F4E88E · #FFC8C4 · #A4CFFF · #3B4F65 · #303841

Butter takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Butter (#F4E88E): A whisper-light, balanced green — the color of fresh herbs.
• Shell Pink (#FFC8C4): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#A4CFFF): A whisper-light, balanced blue — the color of open sky before noon.
• Peacock (#3B4F65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#303841): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Celadon color palette (#B7F8BB, #FFCE8D, #BEC6FF, #475065, #32353B)
• Worn Powder color palette (#CFF6FF, #E3DDD3, #AACFDF, #3B4A40, #242D27)
• Glacier Orchard color palette (#FFDDC3, #FFC0F4, #00E6F1, #2F515D, #29363A)
• Aged Bloom color palette (#FFDCD0, #FFB9D7, #BAB3FF, #573E3F, #362E32)
• Tempered Cobalt color palette (#F1F5FD, #B8DBC2, #6A7CAA, #3D4C71, #262C34)
• Hazy Pier color palette (#E6E2CC, #00E5D3, #8890E9, #32365B, #141A2A)
• Patina Orchard color palette (#F4F5FB, #DDD8DD, #BFAFAF, #A292C1, #51525B)
• Petal Canyon color palette (#A6F4FF, #FFC8F4, #C7D1FF, #61697A, #2B2F37)

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