Pine Courtyard color palette — #EAF6EB · #94BEAF · #4C835E · #73445C · #0A2E25

Built around Fern, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#EAF6EB): bright and airy, almost weightless.
• Ash (#94BEAF): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4C835E): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#73445C): A full-bodied, dusty rose — the color of a warm blush.
• Deep Forest (#0A2E25): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Market color palette (#E9F5F0, #8BBFBC, #42827C, #3C5873, #002E2D)
• Antique Cypress color palette (#E9F5EF, #79ABA5, #0E7566, #5A3565, #00221F)
• Plum Dune color palette (#F5EEFF, #C690B3, #39A286, #A12E82, #002F24)
• Jade Studio color palette (#FAF4EC, #BBCC9F, #51A277, #906463, #4B4300)
• Soft Corridor color palette (#D7EAE0, #69A762, #006B59, #77002C, #021C01)
• Hushed Basalt color palette (#F7F6EB, #CAE4CB, #78AB92, #63769D, #373D00)
• Worn Aubergine color palette (#D3E8DB, #789966, #00644D, #482367, #071700)
• Onyx Lantern color palette (#D0E6D6, #58713A, #00412B, #3E001F, #010300)

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