Navy Color Palettes

#0D0D0D

#1A1A2E

#16213E

#0F3460

Earth Dark

3,414

#23261C

#303245

#120F2E

#130A33

Dark

599

#9CB1F5

#4F2891

#5A5CE5

#4D87F5

Cool Desert

598

#F5F5F5

#A1B3B0

#94A1B3

#234D4A

Vintage Dark

595

#C92526

#F5846D

#DAAE4F

#F5DDC0

Cool

569

#F50AF5

#0AEDE0

#F5F517

#F5181E

Neon Dark

565

#7B98F5

#985DAE

#5E47D9

#5898F5

Energetic Elegant

535

#217C44

#613436

#65B290

#5CCA80

Playful Cool

530

#A8E5D1

#E7BFD7

#E8D4F5

#75A0DE

Earthy Cool

525

#216871

#50AC77

#0C663E

#3D8BBD

Dark Earthy

516

#134F66

#7CAB91

#329F4F

#67D2F2

Minimal Cool

511

#EA3C23

#DF901D

#F5E02C

#F56F0D

Illustration Interior

506

#9B66F5

#0CDDF5

#6DF5C0

#F0F10A

Dark Teal

504

#D739EF

#D520C0

#E864B7

#E2407E

Playful Web

500

#378460

#462C20

#1D8665

#0A9145

Calm Interior

499

#427A4E

#6D5139

#53AE90

#14AA61

Cool Pink

498

#5E68D2

#9269C4

#F286F3

#F5517B

Branding Winter

497

#3B547B

#6BC0CA

#0F2326

#4EA5F5

Cool

496

#DABEF5

#8CC5ED

#7C70B6

#F5E9F5

Cool Ui

496

#F50AF5

#10F5F5

#D7CC0A

#F50A0A

Dark Vivid

494

#0B211F

#57595F

#38556E

#0A9879

Dark Energetic

485

#C8F5F5

#F5F5F5

#B497D6

#A1D8F5

Deep Gray

485

#AF2372

#DC4776

#CF1723

#E98872

Autumn Dark

462

#0BD049

#84E7A3

#B2107F

#F391D4

Dark Print

460

#191452

#3228A4

#655BD7

#B2ADEB

Soft Dark

457

#F5E7F5

#99D6F5

#7974A8

#EBB1E3

Dark

455

#482169

#65BFAE

#A8313E

#5C3459

Gradient Web

453

#D1EDF0

#D6BDE5

#D4F1CB

#C8B8E5

Cool

450

#E9C93F

#3FEECE

#C533E6

#EFECE1

Desert Web

446

#F57B66

#A75C2A

#DD9A1D

#B9AB2D

Spring Branding

445

#AA130B

#B94731

#F5CF7D

#F5CAC7

Black Cool

444

#6CBE0E

#CFF2A6

#6F10DA

#BC94EB

Calm Dark

443

#B8CAC2

#D2DEE1

#788094

#52506D

Romantic Cool

443

#20F87A

#87DEAB

#F81B9C

#E6A7CC

Happy Dark

436

#DFF43E

#35C2D4

#BA1CA8

#F5F6EE

Mysterious Dark

435

#B5D03E

#5BD1EC

#C02AA5

#EEEFE6

Dark

428

#CC33D7

#DB70C8

#D04393

#B41D4D

Ocean Cool

427

#F5C1CA

#F5CFF5

#F5D497

#CDD9CC

Mysterious Dark

426

#DE5E4F

#0ECD21

#7A6FDC

#E7D6D5

Cool

422

#234755

#5DC6EF

#16B39B

#E9D8E5

Sunset Cool

417

#D36D45

#51DB79

#5C31C9

#E3DFDD

Cool

416

#CD574D

#E75153

#F54F89

#A644C5

Cool Gradient

416

#39324C

#9C1B1A

#47424A

#88909C

Cool

412

#A8E826

#63D214

#34D714

#22F134

Energetic Muted

411

#E37DC9

#EE58A3

#E23C65

#E27878

Monochrome Cool

406

#DADAD4

#F5F3F5

#F5F5F5

#BBCCC0

Rich Dark

405

#F54151

#C64E42

#E3C54C

#F5C8BD

Muted Dark

401

#09D396

#7CDFC1

#DE124F

#EE87A5

Cool

398

#D7F5F5

#DAB5C7

#C3BCE0

#769CD6

Photography Cool

397

#6422DC

#21EEF5

#80F5C8

#F5F50A

Vibrant Dark

396

#AFDE4A

#2BA9E3

#B61B85

#ECEFE6

Ui Cool

388

#5DA8F5

#8E42E1

#25C965

#4BF5F5

Branding Dark

387

#38C12F

#2B33AB

#ED313D

#F0F4F0

Melancholy Dark

384

#CA1E1C

#EA8785

#1FABAD

#96ECED

Romantic Dark

383

#7486F5

#8F39CE

#31E472

#18E7C3

Cool Warm

382

#CD4E45

#F58355

#F5C59C

#F5DE0A

Dark

380

#D15362

#9D2D7D

#C172F5

#BA2176

Sunset Dark

380

#F56540

#F5A929

#EEA90A

#F5802A

Energetic Dark

377

#C72720

#EA7D4F

#F5D662

#F5C1B4

Orange Dark

373

#C99931

#4DEFBC

#9419CC

#F1EEEA

Cool

359

:root {
  --navy-50: #C5CAE9;
  --navy-200: #5C6BC0;
  --navy-400: #3949AB;
  --navy-600: #1A237E;
  --navy-800: #0D1B2A;
}