Colors

v2 release candidate

Explore the v2 palette and learn how Brand, functional color, neutrals, and platform roles work together.

How the shared color foundation works

Color collection

Primitives are the governed values distributed to the platform UI Kits. They supply Brand selectors and platform semantic layers, but components do not bind to them directly.

Group
Purpose
Selection behavior
BaseContext-free white, black, and transparent white.Fixed
CoreExact ParentSquare corporate identity colors for approved shared artwork.Fixed and never a tenant selector
BrandFixed UI-support ramps. Green and Cyan also supply the Monet selector sources.Fixed unless referenced by an approved selector
ThemeApproved chromatic ramps that can feed Brand / Primary or Brand / Secondary.Selected through a Brand collection
Theme / Supporting NeutralOne tuned neutral profile for each active Primary mode.Follows Primary only

Use roles, not values

Designers choose variables and engineers consume package exports. Components bind to their UI Kit's semantic or component-color layer. They do not bind directly to Color, Brand / Primary, or Brand / Secondary.

Base colors

These context-free values support aliasing and effects. Transparent White preserves a white RGB channel for interpolation and is not interchangeable with transparent black.

White#FFFFFF
Black#000000
Transparent White#FFFFFF · 0%

ParentSquare Core colors

Core colors reproduce the ParentSquare identity exactly. They are spot colors for approved shared artwork such as logos, not ramp steps, tenant choices, semantic roles, or component-facing tokens.

PSQ Green#68E246
PSQ Blue#10A3FF
PSQ Orange#FFB82A
PSQ Pink#FC57E5
PSQ Purple#BE77FF

Corporate identity stays fixed

Tenant Brand selections do not recolor ParentSquare logos or other fixed multicolor artwork. An approved asset variant is required when artwork needs a different appearance.

Fixed Brand ramps

These eleven ramps support stable UI meaning across every Brand selection. Green and Cyan also act as the approved Monet Primary and Secondary sources.

Neutral

Fixed

The fixed neutral foundation. This is separate from the Primary-owned brand-neutral profiles.

50#F5F5F5
100#EEEEEE
200#DEDEDE
300#CACACA
400#B1B1B1
500#989898
600#717171
700#5C5C5C
800#484848
900#2E2E2E
950#161616

Red

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#FFF1F1
100#FFE8E8
200#FFD1D0
300#FFB4B3
400#FF8988
500#EE6363
600#D04848
700#AF2729
800#8B000B
900#5D0002
950#320100

Orange

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#FFF3E4
100#FFEBD1
200#FFD79E
300#FEBE54
400#E1A535
500#CE9419
600#BA8400
700#8B6200
800#5D4300
900#3C2B00
950#1E1400

Yellow

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#FFF5D3
100#FFEFB4
200#FEDC56
300#E8C93F
400#CCB014
500#B5A027
600#A48F00
700#7A6A00
800#514900
900#332F00
950#191700

Green

Monet source

A fixed UI-support ramp that also supplies one approved Monet selector context.

50#E4FFD7
100#CFFFBA
200#9EFA74
300#88E762
400#6ACD4A
500#55BB39
600#3EAA26
700#018200
800#00580F
900#00390C
950#001D05

Teal

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#D8FFF7
100#B9FFF2
200#83F6E4
300#6EE2D1
400#50C7B9
500#38B5A9
600#1AA398
700#007A73
800#005350
900#003634
950#001B1A

Cyan

Monet source

A fixed UI-support ramp that also supplies one approved Monet selector context.

50#ECF7FF
100#DFF1FF
200#BFE3FF
300#97D2FF
400#5CBAFF
500#31A0EE
600#0D87D4
700#0068AA
800#004A7F
900#002F56
950#00162F

Indigo

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#EEF6FF
100#E3F0FF
200#C8E0FF
300#A7CEFF
400#7BB3FF
500#4B96FF
600#0474FF
700#0057D3
800#003BA6
900#002078
950#010053

Violet

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#F3F4FF
100#EBEDFF
200#D8DBFF
300#C3C4FF
400#A9A5FF
500#8A79F5
600#6E56CF
700#5D3FB7
800#4C279E
900#350078
950#1B0042

Purple

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#F7F3FF
100#F1EBFF
200#E4D6FF
300#D6BCFF
400#C597FF
500#B278F0
600#9C5FD4
700#7F3EB0
800#631A8E
900#450064
950#250036

Pink

Fixed

A fixed UI-support ramp used to preserve meaning independently from tenant Brand selections.

50#FFF0FD
100#FFE5FC
200#FFCAF9
300#FFA8F5
400#FC74EC
500#E75ED5
600#D248BE
700#AC1796
800#7D0068
900#530043
950#2D0022

Theme ramps

Theme ramps are the tenant-eligible chromatic sources in the shared Color collection. Active ramps are selectable through Brand / Primary and Brand / Secondary. Deferred ramps remain governed primitives but are not selectable contexts.

Green - Classic

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F4F9F1
100#EAF3E4
200#C0EFB4
300#B6D59F
400#80A66B
500#507740
600#224B17
700#16400C
800#083601
900#032B00
950#012000

Orange - Classic

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FEF5F1
100#FDEBE3
200#FFD6BD
300#F5BB9B
400#F48F4F
500#D4742D
600#B45A00
700#8D4700
800#693400
900#472200
950#281200

Navy

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F2F8FF
100#E6F1FF
200#D0E0FF
300#A8CCFE
400#659AE9
500#3E69B6
600#1A3B85
700#112F78
800#09226C
900#04155F
950#020653

Ocean

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F1F8FE
100#E3F2FD
200#C8E3FF
300#9DD0FB
400#5AADF2
500#398ACD
600#1567AA
700#00518F
800#003D70
900#002A52
950#001835

Midnight

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F2F8FF
100#E5F1FE
200#CEE1FF
300#A4CEFD
400#6D9CD7
500#446DA5
600#1E4076
700#14356A
800#0A295D
900#021D51
950#001342

Harbor

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F1F8FE
100#E3F2FD
200#C7E3FF
300#9FD0F5
400#6D9ABE
500#3E678A
600#103758
700#082F50
800#012748
900#00203D
950#001932

Cardinal

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FFF4F4
100#FEEAE9
200#FFD4CE
300#FAB5B2
400#FF7D78
500#F24343
600#CE151E
700#A80008
800#800000
900#580400
950#350300

Brick

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FFF4F4
100#FEEAE9
200#FFD4CE
300#FAB5B3
400#F8706F
500#CB4745
600#9E191B
700#870007
800#6B0002
900#500100
950#360100

Cobalt

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F2F8FF
100#E6F1FF
200#D0E0FF
300#A8CCFE
400#5598FF
500#2665D5
600#0533A2
700#012394
800#011186
900#030073
950#030058

Crimson

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FEF4F7
100#FDEAEF
200#FFD2DA
300#F6B4C8
400#E16D92
500#AC3D60
600#790133
700#670029
800#560020
900#450018
950#350010

Maroon

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FFF4F5
100#FEEAEB
200#FFD4D1
300#F9B5B9
400#CF797E
500#98484B
600#63181D
700#590E14
800#4F030B
900#430006
950#360004

Plum

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F7F6FE
100#EFEDFE
200#E3D9FF
300#CAC3F1
400#A39AC6
500#7D739D
600#5A4E76
700#4A3D64
800#3B2D52
900#2C1E41
950#1E0F31

Iris

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F7F6FE
100#F0EDFE
200#E5D8FF
300#CCC0F9
400#A684EF
500#7D56BC
600#56288B
700#4B187B
800#3F036D
900#320056
950#240040

Violet

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FAF5FC
100#F5EBFA
200#FBCEFF
300#DFBAEC
400#C17ED2
500#9552A1
600#6B2772
700#5D1863
800#4F0454
900#3E0042
950#2D002F

Evergreen

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F1F9F4
100#E4F4E9
200#B4EFD3
300#A3D8B8
400#75AA8D
500#487D64
600#1A543D
700#064732
800#003927
900#002B1E
950#001E14

Teal

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#EFFAFA
100#DFF4F6
200#97F0FF
300#88D9E1
400#5EB9C4
500#3C99A5
600#0F7A87
700#00616D
800#004953
900#00323A
950#001C22

Sapphire

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F3F7FF
100#E7F0FF
200#D2E0FF
300#ACCBFF
400#6C9EFF
500#326AFF
600#1A2DE3
700#1900CD
800#1500A3
900#0F007B
950#090056

Gold

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#FCF6EF
100#F9EDE0
200#FFD9A3
300#EBC28F
400#E49B23
500#C08100
600#9A6900
700#795200
800#5A3D00
900#3D2900
950#221600

Kelly

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F3F9F2
100#E8F3E5
200#A5F8A8
300#AED7A6
400#74BD6D
500#509C4F
600#297B33
700#00651E
800#004C19
900#003511
950#001F08

Neutral

Active selector source

An approved chromatic source for the Primary and Secondary selectors.

50#F4F7FB
100#EDF0F3
200#DDE0E4
300#C7CACD
400#8F9295
500#5B5D61
600#2C2E31
700#27282B
800#212326
900#1C1D20
950#17181B

Primary-owned brand neutrals

Each active Primary mode owns one tuned supporting-neutral profile. These subtle values let surfaces, fields, borders, muted content, and disabled states feel related to the active Brand without turning the interface into a field of saturated color.

  • The profile follows Primary. Secondary never selects a second neutral profile.
  • Profiles are generated, contrast-tested, reviewed, and versioned before release.
  • Products select an approved context. They do not calculate a new neutral ramp.
  • Fixed Neutral remains available for roles that must not inherit tenant identity.

Green - Classic

Follows Primary

The approved brand-neutral profile paired with Green - Classic when that context is selected as Primary.

50#F4F5F4
100#EDEFEC
200#DCDFDC
300#C8CBC7
400#AEB3AD
500#959A93
600#6E736D
700#595E58
800#464945
900#2C2F2C
950#151615

Orange - Classic

Follows Primary

The approved brand-neutral profile paired with Orange - Classic when that context is selected as Primary.

50#F7F5F3
100#F1EDEB
200#E2DDDA
300#CFC9C5
400#B7AFAA
500#9F9690
600#786F69
700#625A55
800#4D4742
900#322D2A
950#181614

Green

Follows Primary

The approved brand-neutral profile paired with Green when that context is selected as Primary.

50#F4F6F3
100#ECEFEB
200#DBE0DA
300#C6CCC5
400#ABB4AA
500#919C90
600#6B746A
700#565F55
800#434B42
900#2B302A
950#141714

Cyan

Follows Primary

The approved brand-neutral profile paired with Cyan when that context is selected as Primary.

50#F3F5F7
100#EBEEF1
200#DADFE3
300#C5CBD1
400#ABB2B9
500#9199A2
600#6A727A
700#565D64
800#43494F
900#2A2F33
950#141618

Navy

Follows Primary

The approved brand-neutral profile paired with Navy when that context is selected as Primary.

50#F4F5F7
100#ECEEF2
200#DCDEE3
300#C7CAD1
400#ADB1BA
500#9398A2
600#6C717B
700#585C65
800#45484F
900#2C2E33
950#151619

Ocean

Follows Primary

The approved brand-neutral profile paired with Ocean when that context is selected as Primary.

50#F4F5F7
100#ECEEF1
200#DBDFE3
300#C6CBD0
400#ACB2B9
500#9299A1
600#6B727A
700#565D64
800#43494F
900#2B2F32
950#141618

Midnight

Follows Primary

The approved brand-neutral profile paired with Midnight when that context is selected as Primary.

50#F4F5F7
100#EDEEF1
200#DCDEE2
300#C7CACF
400#ADB1B8
500#9498A0
600#6D7178
700#585C63
800#45484E
900#2C2E32
950#151618

Harbor

Follows Primary

The approved brand-neutral profile paired with Harbor when that context is selected as Primary.

50#F4F5F6
100#EDEEF0
200#DCDEE1
300#C7CACE
400#AEB2B6
500#94999D
600#6D7276
700#595D61
800#45484C
900#2C2E31
950#151617

Cardinal

Follows Primary

The approved brand-neutral profile paired with Cardinal when that context is selected as Primary.

50#F8F4F4
100#F2EDEC
200#E4DCDB
300#D3C7C5
400#BBAEAB
500#A49491
600#7D6D6B
700#675856
800#514543
900#342C2B
950#191514

Brick

Follows Primary

The approved brand-neutral profile paired with Brick when that context is selected as Primary.

50#F8F4F4
100#F2EDEC
200#E4DCDB
300#D2C7C6
400#BBAEAC
500#A49492
600#7C6D6B
700#665856
800#504543
900#342C2B
950#191514

Cobalt

Follows Primary

The approved brand-neutral profile paired with Cobalt when that context is selected as Primary.

50#F4F5F8
100#ECEEF3
200#DBDEE5
300#C6CAD3
400#ACB1BC
500#9298A5
600#6B717D
700#575C67
800#444851
900#2B2E34
950#141619

Crimson

Follows Primary

The approved brand-neutral profile paired with Crimson when that context is selected as Primary.

50#F7F4F5
100#F1EDED
200#E3DCDD
300#D1C8C9
400#B9AEB0
500#A29496
600#7A6E6F
700#64595B
800#4F4547
900#332C2D
950#181516

Maroon

Follows Primary

The approved brand-neutral profile paired with Maroon when that context is selected as Primary.

50#F7F4F4
100#F1EDED
200#E2DDDC
300#D0C8C8
400#B8AFAE
500#A09594
600#796E6E
700#635A59
800#4E4645
900#322D2C
950#181515

Plum

Follows Primary

The approved brand-neutral profile paired with Plum when that context is selected as Primary.

50#F5F5F6
100#EEEEF0
200#DEDEE0
300#CAC9CD
400#B1B0B5
500#99979C
600#727075
700#5D5B60
800#48474B
900#2E2E30
950#161617

Iris

Follows Primary

The approved brand-neutral profile paired with Iris when that context is selected as Primary.

50#F5F5F7
100#EFEDF2
200#DFDDE3
300#CBC8D1
400#B3AFB9
500#9A96A2
600#736F7A
700#5E5A65
800#49464F
900#2F2D33
950#171519

Violet

Follows Primary

The approved brand-neutral profile paired with Violet when that context is selected as Primary.

50#F6F4F6
100#F0EDF0
200#E1DCE1
300#CEC8CE
400#B6AEB6
500#9E959E
600#766E77
700#615961
800#4C464C
900#312C31
950#171518

Teal

Follows Primary

The approved brand-neutral profile paired with Teal when that context is selected as Primary.

50#F4F5F6
100#ECEFEF
200#DBDFE0
300#C6CBCC
400#ACB3B4
500#929A9B
600#6B7374
700#575E5F
800#44494A
900#2B2F30
950#141617

Gold

Follows Primary

The approved brand-neutral profile paired with Gold when that context is selected as Primary.

50#F6F5F3
100#F0EEEB
200#E0DEDA
300#CDCAC5
400#B5B0AB
500#9C9790
600#75706A
700#605B55
800#4B4842
900#302E2A
950#171614

Kelly

Follows Primary

The approved brand-neutral profile paired with Kelly when that context is selected as Primary.

50#F4F6F4
100#ECEFEC
200#DBE0DB
300#C6CCC6
400#ACB4AC
500#929B92
600#6B746C
700#575F57
800#444A44
900#2B2F2B
950#141715

Neutral

Follows Primary

The approved brand-neutral profile paired with Neutral when that context is selected as Primary.

50#F5F5F5
100#EEEEEE
200#DEDEDE
300#CACACA
400#B1B1B1
500#989898
600#717171
700#5C5C5C
800#484848
900#2E2E2E
950#161616

Evergreen

Follows Primary

The approved brand-neutral profile paired with Evergreen when that context is selected as Primary.

50#F4F5F5
100#ECEFEE
200#DCDFDD
300#C7CBC9
400#ADB3B0
500#949A97
600#6D7370
700#585E5B
800#454947
900#2C2F2D
950#151616

Sapphire

Follows Primary

The approved brand-neutral profile paired with Sapphire when that context is selected as Primary.

50#F4F5F8
100#ECEEF3
200#DBDEE5
300#C6CAD3
400#ACB1BC
500#9398A5
600#6C717D
700#575C67
800#444851
900#2B2E34
950#151619