Soft Courtyard color palette — #FFF4E0 · #F5CA0E · #00BDCB · #B89700 · #05240F

Sunflower and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sunflower (#F5CA0E): A whisper-light, vivid green — the color of a quiet forest floor.
• Cyan (#00BDCB): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B89700): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#05240F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Softworn Chartreuse Canyon color palette (#F7F5EB, #C4D661, #33AFE6, #91A02A, #011E14)
• Amber Hollow color palette (#FFF3E7, #FFC089, #00C493, #DE8000, #162106)
• Misty Azure color palette (#ECF9ED, #FFD085, #009EDA, #A57300, #000B16)
• Sunlit Lime color palette (#E5FBF3, #B0C930, #00A062, #708100, #002222)
• Chartreuse Meadow color palette (#FFF3E9, #9BD71E, #00B5A8, #A15F99, #35362F)
• Mustard Delta color palette (#E9F5EF, #AFAC53, #007E62, #625E00, #000D07)
• Hushed Taupe Balcony color palette (#F6F6ED, #D0E0D3, #9AB9C9, #97AF64, #484100)
• Powder Meadow color palette (#F2F7EE, #A5F0D8, #9FB4F6, #75BBA5, #342A32)

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