Pine Courtyard color palette — #FFF3E8 · #C2E5CE · #ACBA81 · #548159 · #00483E
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Celadon Mist (#C2E5CE): A whisper-light, dusty teal — the color of sea glass.
- Sage (#ACBA81): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#548159): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#00483E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Lagoon Terrace color palette (#F3FBCB, #BAEED9, #7ABEA4, #108787, #004253)
- Washed Olive color palette (#FFF1F6, #C6B785, #7B8B3E, #316639, #005243)
- Gentle Moss color palette (#DBFFED, #AEE5E9, #A7C083, #6AA253, #195423)
- Timeworn Meadow color palette (#FFF7BF, #ABC953, #059444, #004B44, #001417)
- Dusty Stone Coast color palette (#F8F6E8, #A9B76D, #4E5C14, #2E2B1D, #120F0A)
- Aged Atelier color palette (#DDE4CF, #57BC55, #006E5D, #003133, #000305)
- Wandering Taupe Pier color palette (#F9F5EE, #D8DBD5, #A9B4BC, #90AA8D, #524C43)
- Sand Boulevard color palette (#FFF3E6, #F4DA9E, #89AD89, #796A91, #4D3E00)
Browse the whole catalog at Explore, or see today's palette.