Quiet Courtyard color palette — #FFF2ED · #F99B9D · #5BC49E · #319BCE · #462B22

A conversation between Cerulean and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#F99B9D): A luminous, balanced red — the color of embers at dusk.
• Mint Leaf (#5BC49E): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#319BCE): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#462B22): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Quiet 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 Iris color palette (#FFF2E9, #EDA77E, #56BFC6, #688DDD, #38312D)
• Ancient Cobalt Veranda color palette (#FFF3E8, #E9B181, #6BB283, #3782C1, #552246)
• Misty Teal color palette (#FFF1F3, #E39FDA, #A7B663, #00A69A, #46292D)
• Cerulean Meadow color palette (#FFF4E2, #F7B78E, #B6A463, #008FB4, #413C36)
• Hazy Cobalt Coast color palette (#FFF2EE, #D78389, #6C9F5F, #3270B5, #482A21)
• Tangerine Lagoon color palette (#FFDDC8, #FF7C4A, #00ADA6, #0076D0, #3A0F00)
• Wandering Boulevard color palette (#F8F2FF, #EE8DCA, #4DA7E0, #2E7AA8, #292033)
• Soft Indigo Pier color palette (#FFF3E5, #FEB84F, #00A1C8, #7970FF, #3D2600)

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