Pine Courtyard color palette — #F4F6F0 · #D0DDD6 · #AAB8A5 · #0A764E · #314200

Pine and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D0DDD6): a clean, paper-quiet neutral.
• Ash (#AAB8A5): A luminous, dusty green — the color of fresh herbs.
• Pine (#0A764E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#314200): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Patina Cypress color palette (#EEF8F0, #C6D8CC, #8CB09E, #00676F, #233928)
• Fern Chapel color palette (#F7F5EF, #D6DBD3, #B4B59E, #656916, #3C3B34)
• Weathered Lagoon color palette (#F2F7F1, #D2DEDA, #AFC5C1, #1B8679, #434A40)
• Aged Delta color palette (#EBEFE7, #B3BCB0, #7F957E, #00513F, #18230D)
• Hushed Onyx color palette (#E5ECE8, #909D98, #5A7870, #00303F, #000D06)
• Teal Garden color palette (#EDF9EA, #6DE7B9, #00BFA9, #008492, #003C3B)
• Frosted Lantern color palette (#EFF1D8, #009B89, #00676E, #2B2F91, #003936)
• Basalt Harbor color palette (#CDF2DB, #88B7A4, #8A6C8C, #644970, #5F2E39)

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