Midnight blue and pale blush

Duotone navy and light pink color palette

Midnight navy passes through denim blue, muted violet, dusty rose, and pale blush across ninety-six fine swatch bands. Linear swatches, 96 colors at 45°: #071b3d, #264a7d, #8c73a5, #d6a1b1, #f5dee3. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#071b3d
#081b3f
#081d40
#081e42
#091f45
#092047
#0a2249
#0a244c
#0b254f
#0b2752
#0c2955
#0c2b58
#0d2d5b
#0e2f5e
#0f3261
#113464
#123668
#14386a
#163a6d
#193d70
#1b3f73
#1e4275
#204478
#23477a
#264a7d
#294d7f
#2c5082
#2f5384
#325687
#365989
#3a5c8b
#3d5e8e
#416190
#456493
#496695
#4d6997
#526b9a
#566d9c
#5a6e9e
#5f70a0
#6371a2
#6872a3
#6d72a5
#7273a5
#7773a6
#7d73a6
#8273a6
#8773a5
#8c73a5
#9173a3
#9674a2
#9a74a0
#9f749f
#a3759d
#a6769c
#aa779b
#ad799a
#b17b99
#b47d99
#b67f9a
#b9819b
#bc849c
#bf869d
#c2899f
#c48ca0
#c78fa2
#ca92a5
#cc95a7
#cf98a9
#d19bac
#d49eae
#d6a1b1
#d8a4b3
#daa7b6
#ddaab8
#dfadba
#e0afbc
#e2b2be
#e4b5c0
#e5b8c3
#e7bbc5
#e8bdc7
#eac0ca
#ebc3cc
#ecc6ce
#edc9d1
#eeccd3
#efced5
#f0d1d7
#f1d3da
#f2d5db
#f3d7dd
#f4d9df
#f4dbe0
#f5dde2
#f5dee3

CSS

background: linear-gradient(45deg, oklch(22.83% 0.0717 260.86) 0.000% 1.042%, oklch(23.22% 0.0725 260.75) 1.042% 2.083%, oklch(23.66% 0.0735 260.60) 2.083% 3.125%, oklch(24.15% 0.0748 260.41) 3.125% 4.167%, oklch(24.69% 0.0762 260.20) 4.167% 5.208%, oklch(25.28% 0.0778 259.95) 5.208% 6.250%, oklch(25.91% 0.0795 259.70) 6.250% 7.292%, oklch(26.58% 0.0813 259.43) 7.292% 8.333%, oklch(27.28% 0.0832 259.15) 8.333% 9.375%, oklch(28.02% 0.0850 258.88) 9.375% 10.417%, oklch(28.78% 0.0869 258.62) 10.417% 11.458%, oklch(29.56% 0.0887 258.37) 11.458% 12.500%, oklch(30.37% 0.0904 258.14) 12.500% 13.542%, oklch(31.19% 0.0920 257.94) 13.542% 14.583%, oklch(32.02% 0.0935 257.77) 14.583% 15.625%, oklch(32.86% 0.0948 257.65) 15.625% 16.667%, oklch(33.70% 0.0960 257.57) 16.667% 17.708%, oklch(34.55% 0.0969 257.55) 17.708% 18.750%, oklch(35.39% 0.0975 257.59) 18.750% 19.792%, oklch(36.22% 0.0978 257.69) 19.792% 20.833%, oklch(37.07% 0.0979 257.77) 20.833% 21.875%, oklch(37.97% 0.0976 257.74) 21.875% 22.917%, oklch(38.90% 0.0971 257.64) 22.917% 23.958%, oklch(39.86% 0.0964 257.49) 23.958% 25.000%, oklch(40.85% 0.0955 257.30) 25.000% 26.042%, oklch(41.86% 0.0944 257.12) 26.042% 27.083%, oklch(42.88% 0.0932 256.96) 27.083% 28.125%, oklch(43.92% 0.0919 256.85) 28.125% 29.167%, oklch(44.95% 0.0905 256.81) 29.167% 30.208%, oklch(45.99% 0.0891 256.88) 30.208% 31.250%, oklch(47.02% 0.0876 257.07) 31.250% 32.292%, oklch(48.03% 0.0862 257.41) 32.292% 33.333%, oklch(49.03% 0.0848 257.92) 33.333% 34.375%, oklch(50.01% 0.0834 258.64) 34.375% 35.417%, oklch(50.95% 0.0821 259.58) 35.417% 36.458%, oklch(51.86% 0.0810 260.78) 36.458% 37.500%, oklch(52.73% 0.0800 262.26) 37.500% 38.542%, oklch(53.56% 0.0792 264.04) 38.542% 39.583%, oklch(54.33% 0.0785 266.14) 39.583% 40.625%, oklch(55.05% 0.0781 268.69) 40.625% 41.667%, oklch(55.71% 0.0778 271.74) 41.667% 42.708%, oklch(56.33% 0.0777 275.23) 42.708% 43.750%, oklch(56.91% 0.0776 279.10) 43.750% 44.792%, oklch(57.45% 0.0777 283.30) 44.792% 45.833%, oklch(57.96% 0.0778 287.77) 45.833% 46.875%, oklch(58.44% 0.0780 292.46) 46.875% 47.917%, oklch(58.91% 0.0782 297.29) 47.917% 48.958%, oklch(59.37% 0.0784 302.23) 48.958% 50.000%, oklch(59.82% 0.0787 307.20) 50.000% 51.042%, oklch(60.27% 0.0789 312.16) 51.042% 52.083%, oklch(60.73% 0.0791 317.05) 52.083% 53.125%, oklch(61.20% 0.0793 321.80) 53.125% 54.167%, oklch(61.68% 0.0794 326.36) 54.167% 55.208%, oklch(62.19% 0.0795 330.68) 55.208% 56.250%, oklch(62.72% 0.0794 334.69) 56.250% 57.292%, oklch(63.30% 0.0793 338.35) 57.292% 58.333%, oklch(63.91% 0.0790 341.58) 58.333% 59.375%, oklch(64.57% 0.0785 344.34) 59.375% 60.417%, oklch(65.27% 0.0780 346.70) 60.417% 61.458%, oklch(66.01% 0.0774 348.78) 61.458% 62.500%, oklch(66.79% 0.0767 350.60) 62.500% 63.542%, oklch(67.59% 0.0760 352.18) 63.542% 64.583%, oklch(68.42% 0.0752 353.55) 64.583% 65.625%, oklch(69.27% 0.0743 354.72) 65.625% 66.667%, oklch(70.13% 0.0734 355.71) 66.667% 67.708%, oklch(71.01% 0.0725 356.55) 67.708% 68.750%, oklch(71.90% 0.0715 357.25) 68.750% 69.792%, oklch(72.79% 0.0704 357.83) 69.792% 70.833%, oklch(73.68% 0.0693 358.32) 70.833% 71.875%, oklch(74.57% 0.0682 358.74) 71.875% 72.917%, oklch(75.44% 0.0670 359.10) 72.917% 73.958%, oklch(76.31% 0.0658 359.42) 73.958% 75.000%, oklch(77.16% 0.0646 359.73) 75.000% 76.042%, oklch(77.99% 0.0633 0.05) 76.042% 77.083%, oklch(78.80% 0.0620 0.40) 77.083% 78.125%, oklch(79.57% 0.0606 0.79) 78.125% 79.167%, oklch(80.31% 0.0593 1.25) 79.167% 80.208%, oklch(81.05% 0.0578 1.71) 80.208% 81.250%, oklch(81.78% 0.0562 2.11) 81.250% 82.292%, oklch(82.52% 0.0545 2.43) 82.292% 83.333%, oklch(83.27% 0.0526 2.70) 83.333% 84.375%, oklch(84.01% 0.0507 2.92) 84.375% 85.417%, oklch(84.74% 0.0487 3.08) 85.417% 86.458%, oklch(85.46% 0.0467 3.21) 86.458% 87.500%, oklch(86.17% 0.0446 3.29) 87.500% 88.542%, oklch(86.87% 0.0425 3.35) 88.542% 89.583%, oklch(87.54% 0.0405 3.38) 89.583% 90.625%, oklch(88.19% 0.0385 3.38) 90.625% 91.667%, oklch(88.81% 0.0365 3.38) 91.667% 92.708%, oklch(89.40% 0.0347 3.36) 92.708% 93.750%, oklch(89.96% 0.0329 3.34) 93.750% 94.792%, oklch(90.48% 0.0312 3.32) 94.792% 95.833%, oklch(90.96% 0.0297 3.30) 95.833% 96.875%, oklch(91.40% 0.0283 3.30) 96.875% 97.917%, oklch(91.79% 0.0272 3.32) 97.917% 98.958%, oklch(92.13% 0.0262 3.36) 98.958% 100.000%);

In these collections

Pink and blue swatches