Sunlit Courtyard color palette — #FFF2ED · #FFABAB · #28DEC8 · #F34056 · #00453D

Scarlet and Aqua set the tone — five colors that lean into energy and balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFABAB): A whisper-light, balanced red — the color of a theater curtain.
• Aqua (#28DEC8): A luminous, balanced teal — the color of glacier melt.
• Scarlet (#F34056): A luminous, vivid red — the color of late-summer berries.
• Forest (#00453D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Tempered Ember Coast color palette (#FFEADF, #FEA489, #26D2E7, #E44C14, #003D45)
• Tempered Canyon color palette (#FEF0FF, #F28A9A, #00B3A8, #DB0055, #004540)
• Airy Tangerine color palette (#FFF2EA, #F6BDA3, #80C5FF, #F77226, #15466A)
• Rust Studio color palette (#FBECD9, #CCCB97, #CA9A49, #C35E2E, #273C1B)
• Airy Boulevard color palette (#FFF1F2, #FFC2F5, #04D7A1, #D517C8, #004632)
• Faded Coral Lantern color palette (#FFE4E1, #FF9089, #00C4BD, #0CA0C4, #561717)
• Weathered Blush color palette (#D5DEFC, #6ED4FF, #FF9BB6, #733F4D, #321C19)
• Ember Balcony color palette (#FFF2EA, #D5D486, #DA6823, #943E00, #281608)

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