Soft Courtyard color palette — #FFF2EA · #FF9457 · #0089C7 · #576AA7 · #2E161C

Apricot and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Apricot (#FF9457): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#0089C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Slate (#576AA7): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2E161C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, 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

• Powdered Orchard color palette (#FFF3E3, #E9A424, #6A74D6, #5F66AE, #2E1916)
• Hushed Coral Market color palette (#FFF2EC, #FF7059, #009EBF, #21839C, #2E1921)
• Marigold Cabin color palette (#FFEBD0, #FDA243, #8DA152, #6770A2, #34302A)
• Chalky Summit color palette (#FFF3E2, #E0B13C, #45A4CB, #458AAD, #392725)
• Dusty Apricot Pier color palette (#FFEFDF, #FA9621, #00A99E, #795FA9, #311F4F)
• Hazy Lagoon Dune color palette (#FFF2EE, #FF949E, #009B6E, #007C7F, #2C1726)
• Tempered Courtyard color palette (#EBFAE9, #C88600, #008195, #00505E, #09041A)
• Gentle Indigo Courtyard color palette (#FFF2DA, #CCAB28, #6F5FEC, #8839A9, #370113)

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