Pine Courtyard color palette — #D8EDFF · #B5B8F3 · #B17FA5 · #4A7948 · #0E5239

Built around Olive, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Frost (#D8EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#B5B8F3): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#B17FA5): A luminous, balanced pink — the color of peonies in June.
• Olive (#4A7948): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0E5239): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Coral Archive color palette (#E8EAFF, #DAB4E6, #D3747E, #337969, #3E4F35)
• Wandering Orchard color palette (#D9EAFF, #B79DDB, #B06783, #3F684B, #10412D)
• Pale Loft color palette (#C0FBF7, #89CBF4, #8289CF, #836816, #46501D)
• Wandering Lagoon color palette (#AFF8F6, #AAD4F4, #B8A1CA, #599977, #005656)
• Wandering Ember color palette (#F2EDFF, #D791B5, #CC6029, #00717D, #00425B)
• Worn Summit color palette (#FFF1F4, #EBD2CC, #C4AA96, #768F80, #41514A)
• Lilac Lantern color palette (#E6E4FF, #B898D4, #8C6D8F, #6B4F65, #653B27)
• Peony Study color palette (#EAE5F9, #B9709E, #8A4339, #004949, #001D24)

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