Color Palette Options

Choose your preferred color scheme. Click on any color to copy the hex code.

Classic Navy Teal

Primary:#0B1E3F
Accent:#14B8A6
Secondary:#9333EA

Ocean Blue

Primary:#0369A1
Accent:#06B6D4
Secondary:#0EA5E9

Deep Forest

Primary:#15803D
Accent:#22C55E
Secondary:#84CC16

Crimson Red

Primary:#7F1D1D
Accent:#DC2626
Secondary:#F87171

Midnight Violet

Primary:#4C1D95
Accent:#A78BFA
Secondary:#E879F9

Slate Professional

Primary:#1E293B
Accent:#64748B
Secondary:#94A3B8

Emerald Green

Primary:#047857
Accent:#10B981
Secondary:#6EE7B7

Indigo Bold

Primary:#312E81
Accent:#6366F1
Secondary:#818CF8

Warm Copper

Primary:#92400E
Accent:#EA580C
Secondary:#F97316

Cool Cyan

Primary:#0C4A6E
Accent:#00D9FF
Secondary:#06B6D4

Rose Pink

Primary:#831843
Accent:#EC4899
Secondary:#F472B6

Teal Modern

Primary:#134E4A
Accent:#14B8A6
Secondary:#2DD4BF

Navy Orange

Primary:#1E40AF
Accent:#F97316
Secondary:#FB923C

Purple Slate

Primary:#6B21A8
Accent:#D946EF
Secondary:#E879F9

Charcoal Green

Primary:#27272A
Accent:#10B981
Secondary:#34D399

Sapphire Blue

Primary:#0F172A
Accent:#3B82F6
Secondary:#60A5FA

How to use:

  1. Click on any color or hex code to copy it
  2. Update the color values in index.css
  3. Replace the existing CSS variables with your chosen palette
  4. The entire site will update instantly