diff --git a/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.module.scss b/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.module.scss
new file mode 100644
index 000000000..6723dcceb
--- /dev/null
+++ b/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.module.scss
@@ -0,0 +1,22 @@
+.projectPickerControl {
+  position: inherit;
+
+  .selectedLabels {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    >div {
+      margin-bottom: 5px;
+    }
+  }
+
+  .openPickerButton {
+    margin: 12px 0;
+  }
+
+  .noneSelected {
+    font-size: 12px;
+    color: #586069;
+  }
+}
diff --git a/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.tsx b/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.tsx
new file mode 100644
index 000000000..424be5e10
--- /dev/null
+++ b/client/components/FormControl/ProjectPickerControl/ProjectPickerControl.tsx
@@ -0,0 +1,31 @@
+import { SearchProject } from 'components/SearchProject'
+import React from 'react'
+import { FormInputControlComponent } from '../types'
+import styles from './ProjectPickerControl.module.scss'
+import { IProjectPickerControlProps } from './types'
+import { useProjectPickerControl } from './useProjectPickerControl'
+
+/**
+ * @category Reusable Component
+ */
+export const ProjectPickerControl: FormInputControlComponent<
+  IProjectPickerControlProps
+> = (props) => {
+  const { onSelected } = useProjectPickerControl(props)
+  return (
+    <SearchProject
+      label={props.label}
+      description={props.description}
+      placeholder={props.placeholder}
+      filterFunc={(project) =>
+        project?.customer?.key === props.model.value('customerKey')
+      }
+      onSelected={onSelected}
+      selectedKey={props.model.value(props.name)}
+    />
+  )
+}
+
+ProjectPickerControl.displayName = 'ProjectPickerControl'
+ProjectPickerControl.className = styles.projectPickerControl
+ProjectPickerControl.defaultProps = {}
diff --git a/client/components/FormControl/ProjectPickerControl/index.ts b/client/components/FormControl/ProjectPickerControl/index.ts
new file mode 100644
index 000000000..08e6edb5e
--- /dev/null
+++ b/client/components/FormControl/ProjectPickerControl/index.ts
@@ -0,0 +1,2 @@
+export * from './ProjectPickerControl'
+export * from './types'
diff --git a/client/components/FormControl/ProjectPickerControl/types.ts b/client/components/FormControl/ProjectPickerControl/types.ts
new file mode 100644
index 000000000..ca0c56d96
--- /dev/null
+++ b/client/components/FormControl/ProjectPickerControl/types.ts
@@ -0,0 +1,8 @@
+import { ISearchProjectProps } from 'components/SearchProject'
+import { HTMLAttributes } from 'react'
+import { FormInputControlBase } from '../types'
+
+export interface IProjectPickerControlProps
+  extends FormInputControlBase,
+    Pick<ISearchProjectProps, 'label' | 'placeholder' | 'description'>,
+    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {}
diff --git a/client/components/FormControl/ProjectPickerControl/useProjectPickerControl.tsx b/client/components/FormControl/ProjectPickerControl/useProjectPickerControl.tsx
new file mode 100644
index 000000000..2089edad1
--- /dev/null
+++ b/client/components/FormControl/ProjectPickerControl/useProjectPickerControl.tsx
@@ -0,0 +1,14 @@
+import { ISearchProjectProps } from 'components/SearchProject/types'
+import { IProjectPickerControlProps } from './types'
+
+/**
+ * Hook for the `ProjectPickerControl` component.
+ *
+ * @param props Props for the `ProjectPickerControl` component.
+ */
+export function useProjectPickerControl(props: IProjectPickerControlProps) {
+  const onSelected: ISearchProjectProps['onSelected'] = (project) => {
+    props.model.set(props.name, project.tag)
+  }
+  return { onSelected }
+}
diff --git a/client/components/FormControl/index.ts b/client/components/FormControl/index.ts
index ddcb047ed..1732ad0ff 100644
--- a/client/components/FormControl/index.ts
+++ b/client/components/FormControl/index.ts
@@ -16,6 +16,7 @@ export * from './ListControl'
 export * from './SwitchControl'
 export * from './SliderControl'
 export * from './DateControl'
+export * from './ProjectPickerControl'
 export * from './types'
 export * from './useFormControlModel'
 export * from './useFormControls'
diff --git a/client/components/ProjectLink/ProjectLink.tsx b/client/components/ProjectLink/ProjectLink.tsx
index 49be0e3c3..95e8b70dc 100644
--- a/client/components/ProjectLink/ProjectLink.tsx
+++ b/client/components/ProjectLink/ProjectLink.tsx
@@ -31,7 +31,11 @@ export const ProjectLink: ReusableComponent<IProjectLinkProps> = (props) => {
           <Link
             className={styles.link}
             to={to}
-            onClick={() => props.onClick && props.onClick(null)}
+            onClick={() => {
+              if (props.onClick) {
+                props.onClick(null)
+              }
+            }}
           >
             <span>{props.text ?? props.project?.name}</span>
           </Link>
diff --git a/client/components/SearchProject/SearchProject.tsx b/client/components/SearchProject/SearchProject.tsx
index b2db6c544..dc14a603f 100644
--- a/client/components/SearchProject/SearchProject.tsx
+++ b/client/components/SearchProject/SearchProject.tsx
@@ -12,15 +12,19 @@ import { useSearchProject } from './useSearchProject'
 export const SearchProject: ReusableComponent<ISearchProjectProps> = (
   props
 ) => {
-  const [items, disabled] = useSearchProject()
+  const [items, disabled] = useSearchProject(props)
   return (
     <AutocompleteControl
       {...props}
       disabled={disabled}
       items={items}
-      placeholder={props.placeholder}
       onSelected={(item) => props.onSelected(item?.data)}
       autoFocus={props.autoFocus}
     />
   )
 }
+
+SearchProject.displayName = 'SearchProject'
+SearchProject.defaultProps = {
+  filterFunc: () => true
+}
diff --git a/client/components/SearchProject/types.ts b/client/components/SearchProject/types.ts
index 7eaeab6f1..dcfa7d9bd 100644
--- a/client/components/SearchProject/types.ts
+++ b/client/components/SearchProject/types.ts
@@ -6,7 +6,12 @@ export interface ISearchProjectProps
   extends ISearchBoxProps,
     Pick<
       IAutocompleteControlProps,
-      'initialFilter' | 'intialFilterPlaceholder'
+      | 'initialFilter'
+      | 'intialFilterPlaceholder'
+      | 'label'
+      | 'placeholder'
+      | 'description'
+      | 'selectedKey'
     > {
   /**
    * Callback when a project is selected.
@@ -14,4 +19,12 @@ export interface ISearchProjectProps
    * @param project The selected project
    */
   onSelected: (project: Project) => void
+
+  /**
+   * Optional filter function to apply to limit
+   * the projects that are displayed.
+   *
+   * @param project Project to filter
+   */
+  filterFunc?: (project?: Project) => boolean
 }
diff --git a/client/components/SearchProject/useSearchProject.ts b/client/components/SearchProject/useSearchProject.ts
index ce5d745df..927866cc1 100644
--- a/client/components/SearchProject/useSearchProject.ts
+++ b/client/components/SearchProject/useSearchProject.ts
@@ -4,19 +4,24 @@ import { Project } from 'types'
 import { arrayMap } from 'utils'
 import { ISuggestionItem } from '../FormControl/AutocompleteControl'
 import $projects from './projects.gql'
+import { ISearchProjectProps } from './types'
 
 /**
  * Component logic hook for `<SearchProject />`. Handles
  * fetching of projects using the query in `projects.gql`,
  * removes inactive projects and maps the result to an
  * array of `ISuggestionItem<Project>`.
+ *
+ * @param props The props for the `<SearchProject />` component
  */
-export function useSearchProject() {
+export function useSearchProject(props: ISearchProjectProps) {
   const { data, loading } = useQuery<{ projects: Project[] }>($projects, {
     fetchPolicy: 'cache-and-network'
   })
 
-  const projects = data?.projects.filter((project) => !project.inactive)
+  const projects = data?.projects.filter(
+    (project) => !project.inactive && props.filterFunc(project)
+  )
 
   const items: ISuggestionItem<Project>[] = useMemo(
     () =>
diff --git a/client/i18n/en-GB.json b/client/i18n/en-GB.json
index 6779db65d..35e3376ba 100644
--- a/client/i18n/en-GB.json
+++ b/client/i18n/en-GB.json
@@ -152,7 +152,11 @@
     },
     "resourcesLabel": "Project Resources",
     "hourlyRate": "kr {{rate}} / hour",
-    "roleFieldLabel": "Project Role"
+    "roleFieldLabel": "Project Role",
+    "parentProject": "Parent Project",
+    "parentProjectDescription": "Select a parent project to which this project belongs. This is particularly useful for organizing projects hierarchically and maintaining connections between related projects.",
+    "parentLabel": "Parent Project",
+    "childrenLabel": "Child Projects"
   },
   "customers": {
     "inactiveText": "This customer has been marked as inactive.",
diff --git a/client/i18n/nb.json b/client/i18n/nb.json
index a35259827..cfda0093e 100644
--- a/client/i18n/nb.json
+++ b/client/i18n/nb.json
@@ -150,7 +150,11 @@
     },
     "resourcesLabel": "Prosjektressurser",
     "hourlyRate": "kr {{rate}} / time",
-    "roleFieldLabel": "Prosjektrolle"
+    "roleFieldLabel": "Prosjektrolle",
+    "parentProject": "Overordnet prosjekt",
+    "parentProjectDescription": "Velg et overordnet prosjekt som dette prosjektet skal tilhøre. Dette er spesielt nyttig for å organisere prosjekter hierarkisk og opprettholde sammenhenger mellom relaterte prosjekter.",
+    "parentLabel": "Overordnet prosjekt",
+    "childrenLabel": "Underordnede prosjekter"
   },
   "customers": {
     "inactiveText": "Denne kunden er markert som inaktiv.",
diff --git a/client/i18n/nn.json b/client/i18n/nn.json
index 5e798ee4c..d105fe4d1 100644
--- a/client/i18n/nn.json
+++ b/client/i18n/nn.json
@@ -153,7 +153,11 @@
     },
     "resourcesLabel": "Prosjektressurser",
     "hourlyRate": "kr {{rate}} / time",
-    "roleFieldLabel": "Prosjektrolle"
+    "roleFieldLabel": "Prosjektrolle",
+    "parentProject": "Overordna prosjekt",
+    "parentProjectDescription": "Vel eit overordna prosjekt som dette prosjektet høyrer til. Dette er særleg nyttig for å organisere prosjekt hierarkisk og oppretthalde samanhengar mellom relaterte prosjekt.",
+    "parentLabel": "Overordna prosjekt",
+    "childrenLabel": "Underordna prosjekter"
   },
   "customers": {
     "inactiveText": "Denne kunden er markert som inaktiv.",
diff --git a/client/pages/Projects/ProjectDetails/ProjectInformation/ProjectInformation.tsx b/client/pages/Projects/ProjectDetails/ProjectInformation/ProjectInformation.tsx
index d35b02d25..364ebf6f7 100644
--- a/client/pages/Projects/ProjectDetails/ProjectInformation/ProjectInformation.tsx
+++ b/client/pages/Projects/ProjectDetails/ProjectInformation/ProjectInformation.tsx
@@ -1,6 +1,7 @@
 import {
   EntityLabel,
   InformationProperty,
+  ProjectLink,
   ProjectTag,
   UserMessage
 } from 'components'
@@ -13,6 +14,7 @@ import styles from './ProjectInformation.module.scss'
 import { BudgetTracking } from './BudgetTracking'
 import ReactMarkdown from 'react-markdown'
 import { ProjectResources } from './ProjectResources'
+import { SET_SELECTED_PROJECT } from 'pages/Projects/reducer'
 
 /**
  * Shows details about the selected project.
@@ -59,6 +61,39 @@ export const ProjectInformation: StyledComponent = () => {
           <EntityLabel key={index} label={label} />
         ))}
       </InformationProperty>
+      <InformationProperty
+        hidden={!context.state.selected?.parent}
+        title={t('projects.parentLabel')}
+        onRenderValue={() => (
+          <ProjectLink
+            project={context.state.selected?.parent}
+            onClick={() =>
+              context.dispatch(
+                SET_SELECTED_PROJECT(context.state.selected?.parent?.tag)
+              )
+            }
+          />
+        )}
+        isDataLoaded={!context.loading}
+      />
+      <InformationProperty
+        hidden={_.isEmpty(context.state.selected?.children)}
+        title={t('projects.childrenLabel')}
+        onRenderValue={() => (
+          <div style={{ display: 'flex', flexDirection: 'row', gap: 20 }}>
+            {context.state.selected?.children?.map((child, index) => (
+              <ProjectLink
+                key={index}
+                project={child}
+                onClick={() =>
+                  context.dispatch(SET_SELECTED_PROJECT(child.tag))
+                }
+              />
+            ))}
+          </div>
+        )}
+        isDataLoaded={!context.loading}
+      />
     </div>
   )
 }
diff --git a/client/pages/Projects/ProjectForm/BasicInfo/BasicInfo.tsx b/client/pages/Projects/ProjectForm/BasicInfo/BasicInfo.tsx
index 9d13e87d5..3111d30de 100644
--- a/client/pages/Projects/ProjectForm/BasicInfo/BasicInfo.tsx
+++ b/client/pages/Projects/ProjectForm/BasicInfo/BasicInfo.tsx
@@ -6,6 +6,7 @@ import {
   InputControl,
   InputControlOptions,
   LabelPickerControl,
+  ProjectPickerControl,
   useFormContext
 } from 'components/FormControl'
 import React from 'react'
@@ -88,6 +89,11 @@ export const BasicInfo: ProjectFormTabComponent = () => {
           )
         }
       />
+      <ProjectPickerControl
+        {...register('parentKey')}
+        label={t('projects.parentProject')}
+        description={t('projects.parentProjectDescription')}
+      />
       <CreateOutlookCategory />
     </FormGroup>
   )
diff --git a/client/pages/Projects/ProjectForm/useProjectFormSubmit.ts b/client/pages/Projects/ProjectForm/useProjectFormSubmit.ts
index 05a578cde..d60fbeb9a 100644
--- a/client/pages/Projects/ProjectForm/useProjectFormSubmit.ts
+++ b/client/pages/Projects/ProjectForm/useProjectFormSubmit.ts
@@ -6,6 +6,7 @@ import $create_or_update_project from './create-or-update-project.gql'
 import { CreateOrUpdateProjectVariables, IProjectFormProps } from './types'
 import { useProjectFormOptions } from './useProjectFormOptions'
 import { useProjectModel } from './useProjectModel'
+import _ from 'lodash'
 
 /**
  * Creates submit props used by `<FormControl />`.
@@ -32,10 +33,13 @@ export const useProjectFormSubmit: FormSubmitHook<
    */
   async function onClick() {
     const variables: CreateOrUpdateProjectVariables = {
-      project: {
-        ...model.$,
-        extensions: JSON.stringify(model.$.extensions)
-      },
+      project: _.omit(
+        {
+          ...model.$,
+          extensions: JSON.stringify(model.$.extensions)
+        },
+        ['parent', 'children']
+      ),
       options: options.$,
       update: !!props.edit
     }
diff --git a/client/pages/Projects/ProjectList/useColumns.tsx b/client/pages/Projects/ProjectList/useColumns.tsx
index 16a084cc8..8a2df19a7 100644
--- a/client/pages/Projects/ProjectList/useColumns.tsx
+++ b/client/pages/Projects/ProjectList/useColumns.tsx
@@ -85,6 +85,19 @@ export function useColumns(props: IProjectListProps): IListColumn[] {
             isMultiline: true
           }
         ),
+        createColumnDef<Project>(
+          'parent',
+          t('projects.parentLabel'),
+          {
+            renderAs: 'projectLink',
+            createRenderProps: (project) => ({
+              project: project.parent,
+              onClick: () =>
+                context.dispatch &&
+                context.dispatch(SET_SELECTED_PROJECT(project.parent?.tag))
+            })
+          }
+        ),
         createColumnDef<Project>(
           'labels',
           t('common.labelFieldLabel'),
diff --git a/client/pages/Projects/projects-query.gql b/client/pages/Projects/projects-query.gql
index 75c85c912..1f00b714a 100644
--- a/client/pages/Projects/projects-query.gql
+++ b/client/pages/Projects/projects-query.gql
@@ -19,6 +19,21 @@ query ProjectsQuery {
     }
     inactive
     extensions
+    parentKey
+    parent {
+      tag
+      key
+      name
+      description
+      icon
+    }
+    children {
+      tag
+      key
+      name
+      description
+      icon
+    }
   }
   myProjects {
     tag
diff --git a/client/pages/Projects/reducer/actions.ts b/client/pages/Projects/reducer/actions.ts
index d189054c1..3ba410988 100644
--- a/client/pages/Projects/reducer/actions.ts
+++ b/client/pages/Projects/reducer/actions.ts
@@ -12,7 +12,7 @@ type DATA_UPDTED_PAYLOAD = QueryResult<
 >
 
 export const DATA_UPDATED = createAction<DATA_UPDTED_PAYLOAD>('DATA_UPDATED')
-export const SET_SELECTED_PROJECT = createAction<Project>(
+export const SET_SELECTED_PROJECT = createAction<Project | string>(
   'SET_SELECTED_PROJECT'
 )
 export const OPEN_EDIT_PANEL = createAction<Project>('OPEN_EDIT_PANEL')
diff --git a/client/pages/Projects/reducer/useProjectsReducer.ts b/client/pages/Projects/reducer/useProjectsReducer.ts
index 6ec6b5b3b..fec5a423b 100644
--- a/client/pages/Projects/reducer/useProjectsReducer.ts
+++ b/client/pages/Projects/reducer/useProjectsReducer.ts
@@ -10,6 +10,8 @@ import {
   OPEN_EDIT_PANEL,
   SET_SELECTED_PROJECT
 } from './actions'
+import { Project } from 'types'
+import { current } from '@reduxjs/toolkit'
 
 /**
  * Use Projects reducer.
@@ -46,7 +48,12 @@ export function useProjectsReducer() {
         state.error = payload.error as any
       })
       .addCase(SET_SELECTED_PROJECT, (state, { payload }) => {
-        state.selected = payload
+        state.selected =
+          typeof payload === 'string'
+            ? _.find(current(state).projects, ({ tag }) =>
+                fuzzyStringEqual(tag, payload)
+              )
+            : (payload as Project)
       })
       .addCase(OPEN_EDIT_PANEL, (state, { payload }) => {
         state.editProject = payload
diff --git a/server/graphql/resolvers/project/types.ts b/server/graphql/resolvers/project/types.ts
index 724bfb9bb..66e96c58f 100644
--- a/server/graphql/resolvers/project/types.ts
+++ b/server/graphql/resolvers/project/types.ts
@@ -3,6 +3,7 @@
 import 'reflect-metadata'
 import { Field, ID, InputType, ObjectType } from 'type-graphql'
 import { Customer, LabelObject as Label, OutlookCategory } from '../types'
+import _ from 'underscore'
 
 type ProjectExtensionObject = {
   description: string
@@ -81,6 +82,12 @@ export class ProjectInput {
    */
   @Field(() => String, { nullable: true, defaultValue: '{}' })
   extensions: ProjectExtensions
+
+  /**
+   * The key/tag of the parent project.
+   */
+  @Field({ nullable: true })
+  parentKey?: string
 }
 
 /**
@@ -180,12 +187,30 @@ export class Project {
   extensions: ProjectExtensions
 
   /**
-   * Constructs a new Project.
+   * The full `tag` of the parent project.
+   */
+  @Field({ nullable: true })
+  parentKey?: string
+
+  /**
+   * The parent project.
+   */
+  @Field(() => Project, { nullable: true })
+  parent?: Project
+
+  /**
+   * The children projects.
+   */
+  @Field(() => [Project], { nullable: true })
+  children?: Project[]
+
+  /**
+   * Constructs a new `Project` object from the given `ProjectInput`.
    *
    * @param input - The input to construct the project from.
    */
   constructor(input?: ProjectInput) {
-    Object.assign(this, input ?? {})
+    Object.assign(this, _.omit(input ?? {}, ['children', 'parent']))
   }
 }
 
diff --git a/server/services/mongo/project/ProjectService.ts b/server/services/mongo/project/ProjectService.ts
index 2e697a72c..25e2225c6 100644
--- a/server/services/mongo/project/ProjectService.ts
+++ b/server/services/mongo/project/ProjectService.ts
@@ -116,11 +116,17 @@ export class ProjectService extends MongoDocumentService<Project> {
               : Promise.resolve([])
           ])
           const _projects = projects
-            .map((p) => ({
-              ...p,
+            .map<Project>((project) => ({
+              ...project,
               customer:
-                _.find(customers, (c) => c.key === p.customerKey) || null,
-              labels: _.filter(labels, (l) => _.contains(p.labels, l.name))
+                _.find(customers, (c) => c.key === project.customerKey) || null,
+              labels: _.filter(labels, (l) =>
+                _.contains(project.labels, l.name)
+              ),
+              parent: projects.find(({ tag }) => tag === project.parentKey),
+              children: projects.filter(
+                ({ parentKey }) => parentKey === project.tag
+              )
             }))
             .filter(
               (p) => p.customer !== null || !mergedOptions.includeCustomers