Pine Courtyard color palette — #FFF2EE · #6FE0DC · #009CBD · #08791A · #00345D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Lagoon (#6FE0DC): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#08791A): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Cornflower Hollow color palette (#FFF2EB, #71DBFA, #0091EE, #00755C, #272B65)
• Airy Pine color palette (#FFF0FA, #B2FFFB, #00ACC6, #007744, #00283C)
• Soft Pier color palette (#F0E6E2, #74C0C2, #0080A4, #005E27, #001F42)
• Turquoise Dune color palette (#F7F7DF, #98EBE7, #00C2C9, #009A84, #003A41)
• Dusty Turquoise Bloom color palette (#FCF3EF, #CDEED6, #65AEDB, #3B8C68, #583E54)
• Iris Quarry color palette (#F9F4EF, #AEE1D3, #7F8EE2, #007B7F, #522D3D)
• Aged Denim Atelier color palette (#E9DFDA, #45A1B3, #005E8F, #003D2B, #03002E)
• Indigo Pier color palette (#FFDEBE, #F39729, #4E6FEC, #965800, #131F74)

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