Pine Courtyard color palette — #F3F7EC · #D3E4CB · #85CCD0 · #008E5C · #2A3900

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Celadon Mist (#D3E4CB): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#85CCD0): A luminous, dusty blue — the color of open sky before noon.
• Fern (#008E5C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#2A3900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Antique Olive color palette (#F6F6EA, #DCE1CC, #8FCDB5, #5D8700, #34332C)
• Cerulean Veranda color palette (#EBF9EF, #C9E6D8, #95CBBD, #008795, #223929)
• Muted Forest Courtyard color palette (#F4F7EA, #C2DBBF, #8DB09F, #006D34, #2F3800)
• Mint Lantern color palette (#EBEED3, #3BC68F, #008B7A, #2A6B25, #003823)
• Worn Lagoon color palette (#E8F9F9, #CDDEE8, #B2ABBC, #009569, #002B2C)
• Airy Lapis Cabin color palette (#DFEDD5, #00A486, #2A48FF, #850044, #2D2300)
• Petrol Orchard color palette (#E8F3ED, #B4CAC3, #B69BB1, #006B89, #0E241B)
• Abyss Field color palette (#DFE6DD, #98AA9B, #598FA2, #005148, #050C03)

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