Quiet Courtyard color palette — #E7FBF1 · #AFB96E · #629749 · #00707D · #22453B

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AFB96E): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#629749): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#22453B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Antique Quarry color palette (#E8FAF3, #9DCC9F, #4AA686, #497492, #314E4D)
• Powdered Basin color palette (#E7FAF5, #84B65A, #009584, #006789, #4A3404)
• Softworn Lantern color palette (#EAFAED, #E0A360, #A48100, #327254, #304331)
• Amber Lantern color palette (#FFF1F5, #B19538, #40784E, #54456E, #264439)
• Timeworn Corridor color palette (#D9E9E4, #7D9D26, #245750, #1B332D, #131A17)
• Aged Sand Canyon color palette (#FFF0F8, #F0C381, #64A277, #71558A, #16392A)
• Aged Ultramarine Boulevard color palette (#D8FFF5, #00C497, #00908B, #2153B7, #003F35)
• Worn Honey Hollow color palette (#FFF4E2, #D6CA73, #89B182, #6D7EB8, #3F3D36)

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