Soft Courtyard color palette — #D8F3FD · #00B970 · #EF0F4B · #360009 · #0E0200

Rose Red and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D8F3FD): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#00B970): A luminous, vivid teal — the color of sea glass.
• Rose Red (#EF0F4B): A luminous, vivid red — the color of a theater curtain.
• Ink (#360009): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0E0200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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

• Pale Coast color palette (#DEF1F5, #6CB300, #FB058E, #310017, #130201)
• Amber Lantern color palette (#E6E2F9, #00B3AA, #D56D00, #2A1000, #080200)
• Ancient Raspberry Station color palette (#E5F4DD, #00C3CA, #D300A6, #2F0524, #0C0102)
• Muted Lime Workshop color palette (#CDF5EC, #6BC600, #D78100, #352D08, #251707)
• Misty Chapel color palette (#D9F8DF, #85C4FF, #E85580, #511F2C, #211025)
• Worn Plum Grove color palette (#EFDFDB, #C5004F, #006969, #2717A1, #1D0006)
• Hushed Chestnut Dune color palette (#FAF0E7, #E0D2B8, #B3AD83, #844B00, #251607)
• Ember Field color palette (#FFE8DD, #F35C3B, #526400, #8B1C00, #030400)

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