Skip to main content

palette

@shopify/shop-minis-platform-sdk / theme/gravity/colors/palette

Palette

const Palette: object

Type declaration

Brand

Brand: object

Brand.Aqua

Aqua: string = '#8DC0C6'

Brand.Lime

Lime: string = '#C7DE00'

Brand.Magenta

Magenta: string = '#D354FF'

Brand.Olive

Olive: string = '#8B8F01'

Brand.Sage

Sage: string = '#D8E59D'

Brand.Sand

Sand: string = '#F4F4ED'

Brand.Violet

Violet: string = '#A327C2'

Grayscale

Grayscale: object

Grayscale.Black

Black: string = '#000000'

Grayscale.D0

D0: string = '#666666'

Grayscale.D1

D1: string = '#404040'

Grayscale.D2

D2: string = '#121212'

Grayscale.D2D

D2D: string = '#2A2A2A'

Grayscale.D3

D3: string = '#0B0B0C'

Grayscale.L1

L1: string = '#A8A8A7'

Grayscale.L2

L2: string = '#CBCBCA'

Grayscale.L2L

L2L: string = '#E3E3E3'

Grayscale.L3

L3: string = '#F0F0F0'

Grayscale.L4

L4: string = '#F2F4F5'

Grayscale.PrimaryLight

PrimaryLight: string = '#707070'

Grayscale.White

White: string = '#FFFFFF'

Green

Green: object

Green.D1

D1: string = '#008552'

Green.D2

D2: string = '#004839'

Green.L1

L1: string = '#BAEBCB'

Green.L2

L2: string = '#D2F2DE'

Green.L3

L3: string = '#E4F6EB'

Green.Primary

Primary: string = '#92D08D'

Ochre

Ochre: object

Ochre.D0

D0: string = '#F8DB67'

Ochre.D1

D1: string = '#E3BE2B'

Ochre.D2

D2: string = '#C29D05'

Ochre.D4

D4: string = '#443600'

Ochre.L1

L1: string = '#FFF4CB'

Ochre.L2

L2: string = '#FFF9E2'

Ochre.Primary

Primary: string = '#FFEC9F'

Poppy

Poppy: object

Poppy.D0

D0: string = '#F05D38'

Poppy.D1

D1: string = '#D92A0F'

Poppy.D2

D2: string = '#832711'

Poppy.L1

L1: string = '#FFD2C2'

Poppy.L2

L2: string = '#FFECE9'

Poppy.Primary

Primary: string = '#FF967D'

Purple

Purple: object

Purple.D0

D0: string = '#4524DB'

Purple.D1

D1: string = '#30368D'

Purple.D2

D2: string = '#1C234C'

Purple.L0

L0: string = '#6445ED'

Purple.L1

L1: string = '#9C83F8'

Purple.L2

L2: string = '#EEEAFF'

Purple.L3

L3: string = '#F7F5FF'

Purple.Primary

Primary: string = '#5433EB'

Purple.PrimaryLight

PrimaryLight: string = '#DBD1FF'