Pine Courtyard color palette — #FDF3EF · #C2DCC7 · #35A1D2 · #00814C · #273A5C

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Oat (#C2DCC7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#35A1D2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00814C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Muted Iris Lagoon color palette (#FCF3EC, #B7DED2, #7E8FDC, #007B7E, #413158)
• Worn Cerulean Workshop color palette (#F0F7F1, #A1CDDD, #00869F, #006152, #1D3E54)
• Antique Teal Studio color palette (#D9E8DB, #5CC29E, #009998, #006981, #19406A)
• Lagoon Hollow color palette (#FBF3F1, #CDE8E1, #83BAD3, #5A966B, #5E4B5E)
• Chalky Market color palette (#E5F3E7, #51B9C3, #D87468, #00818A, #5C1D17)
• Jade Drift color palette (#E6FCEA, #B4E6EB, #D3B9FF, #38A572, #1C4436)
• Iris Workshop color palette (#FDF3E9, #9ED0FF, #6E7BFF, #007176, #421868)
• Cobalt Alley color palette (#EBDBD3, #97BBA4, #0C7BBB, #005C43, #11174C)

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