Soft Courtyard color palette — #CFEFF5 · #007F76 · #7C0081 · #403000 · #1B2202

Plum and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CFEFF5): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007F76): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#7C0081): A full-bodied, vivid pink — the color of a candy shop window.
• Espresso (#403000): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#1B2202): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.

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 Mulberry Pier color palette (#E3F5FE, #00859A, #7D3173, #453A00, #00323B)
• Feathered Garnet color palette (#D0EEF9, #007D87, #00565E, #5C0045, #1F2800)
• Dusty Nightshade Thicket color palette (#D0EDFF, #00799D, #4E18B9, #4B2900, #002A2D)
• Amethyst Meadow color palette (#D2ECFF, #0098CE, #6B24FD, #7E0064, #002A2B)
• Timeworn Garnet color palette (#D2E2F4, #00599D, #63004A, #1E2200, #001326)
• Gentle Study color palette (#C6F2F0, #008449, #004F80, #640015, #002D15)
• Dusty Nightshade Thicket color palette (#C7F2EE, #008532, #3601D4, #5A1B00, #232700)
• Aubergine Courtyard color palette (#CAE8DE, #0078B7, #5700BD, #51003F, #001211)

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