Our Logo

Transparent

White Background

Dark Background

Transparent

White Background

Dark Background

Transparent

Dark Background

Get Sandwich Colours

Dark Aqua 
#448178

Dark Blue 
#4B7D9C

Dark Red 
#AB6454

Dark Yellow 
#8D7333

Dark shades should be used to create contrast or depth where needed and for text when on white.

Core Aqua 
#7AC8BC

Core Blue 
#7AAAC8

Core Red 
#DA9A8B

Core Yellow
#F2D388

The core shades from which the other colors are derived.

Bright Aqua 
#5FE3CE

Bright Blue 
#4DB2F2

Bright Red 
#F08C75

Bright Yellow 
#FFCC50

Bright shades are used to create extra contrast such as hover states and activating illustrations.

Get Sandwich Customisable Colours

Core Purple
#6F77B6

Core Pink
#B66F8C

Core Green
#7AC88E

Alternative colours are used to personalise views.

Get Sandwich Colours on Light Theme

Darker Aqua 
#64A49A

Darker Blue 
#648CA4

Darker Red 
#B37F72

Darker Yellow 
#C7AD70

Slightly darker core shades should be used to create contrast or depth.

Core Aqua 
#7AC8BC

Core Blue 
#7AAAC8

Core Red 
#DA9A8B

Core Yellow
#F2D388

Get Sandwich Neutrals

Floral White
#FDFBF3

Gray Shadows
#BDBBAF

Raisin Black
#282720

Secondary Neutrals (alongside the Main Neutrals)

Black
#000000

Eerie Black
#21201B

Raisin Black (Main)
#282720

Charleston Black
#2E2D25

Gray Shadows (Main)
#BDBBAF

Artichoke

#949286

Only used for background on Light Theme

Artichoke
#695D46

Only used for text on Light Theme

Black Olive
#3E3D32

Platinum
#E6E4D5

Cosmic Latte
#FCFAEA

Floral White (Main)
#FDFBF3

White
#FFFFFF