Forest Courtyard color palette — #FAF2FA · #AFF4F5 · #00A0CC · #006F30 · #061E3B

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sea Foam (#AFF4F5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F30): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#061E3B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Gentle Cornflower color palette (#FCF2F7, #C2EDFF, #2F92FC, #006C5B, #1A183D)
• Wandering Sky Atelier color palette (#FCF1FA, #D4D4E2, #30B1F6, #008358, #1E2E49)
• Tempered Turquoise Atelier color palette (#F7EDDE, #7DE7EA, #33B6CF, #2B9178, #003345)
• Ancient Cobalt color palette (#FFF0F9, #97D7EB, #007ED0, #005341, #070330)
• Petrol Alley color palette (#F9EBE4, #77C0C2, #00748E, #005237, #00314E)
• Worn Meadow color palette (#E9DDE5, #5CB0C3, #00598C, #002D1F, #00000B)
• Ultramarine Loft color palette (#F7EAEE, #84BEE7, #314FEA, #003E3C, #04000F)
• Dusty Bronze color palette (#DEFDF4, #BCE4EC, #99CEFF, #987500, #012F31)

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