Pine Courtyard color palette — #FFF2EE · #A9E9E5 · #00ADD0 · #248828 · #1B4265

Olive Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#A9E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#248828): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#1B4265): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Turquoise Terrace color palette (#FFF0FA, #CDDFF5, #0DC3DE, #2C8B55, #003A53)
• Sunlit Pine Balcony color palette (#FFF2EE, #5FE1E3, #009BC3, #007830, #003264)
• Misty Azure Villa color palette (#D9EEFF, #08A5F5, #9D9300, #538636, #0D344D)
• Washed Courtyard color palette (#FDF3EE, #BBDFC6, #479ED7, #157F5C, #4C2F47)
• Gentle Loft color palette (#F6F7E5, #AAF5EF, #00CFD6, #00A88F, #004951)
• Wandering Sky Thicket color palette (#FBF3F0, #BFE3EC, #77BAE1, #639378, #5F4B5D)
• Dusty Cobalt color palette (#FBECE3, #81BBD1, #0075D2, #005B4B, #191844)
• Turquoise Chapel color palette (#D8FFF4, #E5E4FF, #FFB0CA, #00A8BA, #5D3C55)

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