Colors

Deep Navy

HEX: #072260

HSL: (222, 86%, 20%)

RGB: (7, 34, 96)

Crimson

HEX: #DC143C

HSL: (348, 78%, 52%)

RGB: (220, 20, 60)

Lime Cream

HEX: #C5D86D

HSL: (71, 58%, 64%)

RGB: (197, 216, 109)

Pearl Aqua

HEX: #AFE0CE

HSL: (158, 44%, 78%)

RGB: (175, 224, 206)

Linen

HEX: #FFEDDF

HSL: (26, 100%, 94%)

RGB: (255, 237, 223)

Smoky Rose

HEX: #86615C

HSL: (7, 19%, 44%)

RGB: (134, 97, 92)

Magenta

HEX: #FF00FF

HSL: (300, 100%, 50%)

RGB: (255, 0, 255)

OrangeRed

HEX: #FF4500

HSL: (38, 100%, 50%)

RGB: (255, 69, 0)

Yellow

HEX: #FFFF00

HSL: (60, 100%, 50%)

RGB: (255, 255, 0)

Aquamarine

HEX: #7FFFD4

HSL: (160, 100%, 70%)

RGB: (127, 255, 212)

Spring Green

HEX: #00FF7F

HSL: (150, 100%, 50%)

RGB: (0, 255, 127)

Salmon

HEX: #fa8072

HSL: (0.02, 93%, 71%)

RGB: (250,128,114)

Fonts

Text Styles

H1: Main heading

  • Font-weight: 700 (bold)
  • Font-size: 32px
  • Font-family: Merriweather

H2: Subheading

  • Font-weight: 600 (semi-bold)
  • Font-size: 24px
  • Font-family: Montserrat

H3: Section heading

  • Font-weight: 500 (medium)
  • Font-size: 18px
  • Font-family: Inter

P: Paragraph text

  • Font-weight: 400 (regular)
  • Font-size: 16px
  • Font-family: Roboto

Buttons