Primary Palette
Color is one of the first aspects that the audience recognizes about brands. This is Swapps' primary color palette and its specifications.
Primary-50
#FCFFE0
Primary-100
#F9FFC1
Primary-200
#F6FFA2
Primary-300
#F3FF83
Primary-400
#F0FF64
Primary-500
#C0CC50
Primary-600
#90993C
Primary-700
#606628
Primary-800
#303314
Primary-50
#D0D5D9
Primary-100
#A0ABB2
Primary-200
#71818C
Primary-300
#415765
Primary-400
#122D3F
Primary-500
#0E2432
Primary-600
#0B1B26
Primary-700
#071219
Primary-800
#04090D
Primary-50
#FDFDFD
Primary-100
#FAFBFB
Primary-200
#F8F9F9
Primary-300
#F5F7F7
Primary-400
#DAE1E6
Primary-500
#C2C4C4
Primary-600
#929393
Primary-700
#616262
Primary-800
#313131
Primary-50
#F8F9FA
Primary-100
#F0F3F5
Primary-200
#E9EDF0
Primary-300
#E1E7EB
Primary-400
#F3F5F5
Principal
Primary-500
#AEB4B8
Primary-600
#83878A
Primary-700
#575A5C
Primary-800
#2C2D2E
Secondary Palette
Our secondary color palette is inspired by the colors of the code console. Just like in programming, these colors are used to identify and emphasize elements of the system.
Primary-50
#FCDEFF
Primary-100
#F9BEFF
Primary-200
#F79DFF
Primary-300
#F47DFF
Primary-400
#F15CFF
Primary-500
#C14ACC
Primary-600
#913799
Primary-700
#602566
Primary-800
#301233
Primary-50
#CCF9FF
Primary-100
#99F3FF
Primary-200
#66EDFF
Primary-300
#33E7FF
Primary-400
#00E1FF
Primary-500
#00B4CC
Primary-600
#008799
Primary-700
#005A66
Primary-800
#002D33
Primary-50
#FCDCCC
Primary-100
#F9C099
Primary-200
#F7A066
Primary-300
#F4B133
Primary-400
#F16100
Primary-500
#C14E00
Primary-600
#913A00
Primary-700
#602700
Primary-800
#301300
Primary-50
#DDF8CC
Primary-100
#BBF099
Primary-200
#9AE966
Primary-300
#78E133
Primary-400
#56DA00
Principal
Primary-500
#45AE00
Primary-600
#348300
Primary-700
#225700
Primary-800
#112C00
Contrasts
These are the allowed combinations for creating graphic material using the brand's color palette.