Pine Courtyard color palette — #F2F8E9 · #8FE6B4 · #0097C3 · #008D57 · #000804

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
• Lagoon (#8FE6B4): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#0097C3): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008D57): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Gentle Olive Drift color palette (#F7F6EA, #BDDE8B, #009DA2, #618400, #000801)
• Quiet Iris color palette (#EFF8F1, #67E5F4, #897AD3, #008692, #100108)
• Timeworn Lagoon Parlor color palette (#F2F7F0, #92FCE8, #7D9FD7, #00A08C, #1B0C1B)
• Nightshade Quarry color palette (#E2EEE0, #00A39E, #3530BA, #004643, #01000B)
• Faded Indigo color palette (#E7FCE9, #00DDE9, #6463FF, #007A81, #01000D)
• Worn Aubergine color palette (#DFF6EA, #0087AA, #540084, #00303F, #020006)
• Dusty Seafoam Pier color palette (#D9FFF2, #64E7E2, #009BB2, #00617D, #00223F)
• Muted Violet Study color palette (#F1F8E7, #00A77A, #835BB1, #822224, #0C0700)

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