Tritone navy, teal and tan linear swatches

Tritone navy, teal and tan color palette

Linear swatches, 32 colors at 45°: #21315d, #4f5e92, #6ca288, #d0b182, #e7c063. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#21315d
#243461
#293866
#2f3d6c
#364273
#3e497a
#444f82
#4b578a
#4f5e92
#526699
#526fa0
#4f78a4
#4982a6
#468ca3
#4a959c
#589d92
#6ca288
#82a580
#97a87c
#a8a97c
#b6ab7e
#c0ad80
#c9af82
#d0b182
#d6b280
#dab47d
#deb679
#e1b974
#e3bb6f
#e4bd6a
#e5be66
#e7c063

CSS

background: linear-gradient(45deg, oklch(32.28% 0.0813 267.19) 0.000% 3.125%, oklch(33.58% 0.0816 267.31) 3.125% 6.250%, oklch(35.25% 0.0820 268.34) 6.250% 9.375%, oklch(37.23% 0.0826 269.86) 9.375% 12.500%, oklch(39.45% 0.0832 271.48) 12.500% 15.625%, oklch(41.84% 0.0839 272.78) 15.625% 18.750%, oklch(44.33% 0.0844 273.36) 18.750% 21.875%, oklch(46.87% 0.0848 272.81) 21.875% 25.000%, oklch(49.37% 0.0850 270.74) 25.000% 28.125%, oklch(51.78% 0.0848 266.73) 28.125% 31.250%, oklch(54.02% 0.0843 260.38) 31.250% 34.375%, oklch(56.11% 0.0832 250.99) 34.375% 37.500%, oklch(58.23% 0.0812 237.77) 37.500% 40.625%, oklch(60.39% 0.0785 221.50) 40.625% 43.750%, oklch(62.54% 0.0753 203.07) 43.750% 46.875%, oklch(64.66% 0.0720 183.34) 46.875% 50.000%, oklch(66.72% 0.0688 163.20) 50.000% 53.125%, oklch(68.70% 0.0660 143.54) 53.125% 56.250%, oklch(70.57% 0.0638 125.22) 56.250% 59.375%, oklch(72.31% 0.0626 109.13) 59.375% 62.500%, oklch(73.87% 0.0626 96.15) 62.500% 65.625%, oklch(75.24% 0.0641 87.06) 65.625% 68.750%, oklch(76.44% 0.0673 81.15) 68.750% 71.875%, oklch(77.49% 0.0720 77.72) 71.875% 75.000%, oklch(78.41% 0.0779 76.32) 75.000% 78.125%, oklch(79.21% 0.0845 76.51) 78.125% 81.250%, oklch(79.91% 0.0915 77.85) 81.250% 84.375%, oklch(80.51% 0.0986 79.91) 84.375% 87.500%, oklch(81.04% 0.1053 82.24) 87.500% 90.625%, oklch(81.50% 0.1113 84.41) 90.625% 93.750%, oklch(81.91% 0.1163 85.97) 93.750% 96.875%, oklch(82.28% 0.1199 86.48) 96.875% 100.000%);

In these collections

Retro gradients