Tempered Courtyard color palette — #DFEEA2 · #FFC38B · #FF9CB4 · #563E49 · #352E37

Ballet Pink and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Butter (#DFEEA2): A whisper-light, balanced green — the color of a quiet forest floor.
• Cantaloupe (#FFC38B): A whisper-light, balanced gold — the color of old brass.
• Ballet Pink (#FF9CB4): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#563E49): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Espresso (#352E37): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Mallow color palette (#FFDEC0, #FFBBCC, #DEA2FF, #524057, #35343C)
• Muted Field color palette (#FED5FD, #DBD66C, #FFA477, #573A3C, #352B30)
• Faded Thicket color palette (#BEF8A4, #FEDA51, #FFC3BC, #706864, #352D29)
• Faded Quarry color palette (#D1FF9D, #99F7FF, #E793E5, #594044, #392D2F)
• Antique Pewter color palette (#F9F2FC, #D7B5C6, #6B5475, #43304C, #2E2128)
• Mallow Cabin color palette (#D6F3EE, #CAD659, #FF8CE4, #30283C, #1A181D)
• Timeworn Meadow color palette (#F9F3F9, #D2B5D2, #A3704A, #AB4851, #392830)
• Aged Driftwood Delta color palette (#F9F3F7, #E1D7D8, #B3ACA1, #A4746B, #585056)

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