Swasthyam Healthcare Color Palette

14 views
Primary Orange #FF6F20
Primary Hover #FF8C45
Primary Active #FF5C00
Primary Pressed #E65C00
Primary Light #FFB57E
Primary Subtle Background #FFE8D3
Primary Border #FF5C00
Primary Text #FFFFFF
Primary Disabled #FF9F6B
Orange 50 #FFF4E1
Orange 100 #FFE0B3
Orange 200 #FFC080
Orange 300 #FF9C4D
Orange 400 #FF7A20
Orange 500 #FF6F20
Orange 600 #E65C00
Orange 700 #BF4D00
Orange 800 #993D00
Orange 900 #7A2E00
Orange 950 #5C1F00
Deep Navy #002B5C
Warm Charcoal #3D3D3D
Soft Peach #FFDAB9
Muted Slate #A3B1B5
Warm White #F7F7F7
Success Green #28A745
Warning Amber #FFC107
Error Red #DC3545
Information Blue #007BFF
Background Primary #FFFFFF
Background Secondary #F2F2F2
Background Tertiary #E6E6E6
Surface Primary #FFFFFF
Surface Secondary #F9F9F9
Surface Elevated #F0F0F0
Border Default #D1D1D1
Border Subtle #E6E6E6
Divider #CCCCCC
Text Primary #333333
Text Secondary #666666
Text Tertiary #999999
Text Disabled #B3B3B3
Icon Primary #FF6F20
Icon Secondary #002B5C
#FF6F20 Primary Orange
#FF8C45 Primary Hover
#FF5C00 Primary Active
#E65C00 Primary Pressed
#FFB57E Primary Light
#FFE8D3 Primary Subtle Background
#FF5C00 Primary Border
#FFFFFF Primary Text
#FF9F6B Primary Disabled
#FFF4E1 Orange 50
#FFE0B3 Orange 100
#FFC080 Orange 200
#FF9C4D Orange 300
#FF7A20 Orange 400
#FF6F20 Orange 500
#E65C00 Orange 600
#BF4D00 Orange 700
#993D00 Orange 800
#7A2E00 Orange 900
#5C1F00 Orange 950
#002B5C Deep Navy
#3D3D3D Warm Charcoal
#FFDAB9 Soft Peach
#A3B1B5 Muted Slate
#F7F7F7 Warm White
#28A745 Success Green
#FFC107 Warning Amber
#DC3545 Error Red
#007BFF Information Blue
#FFFFFF Background Primary
#F2F2F2 Background Secondary
#E6E6E6 Background Tertiary
#FFFFFF Surface Primary
#F9F9F9 Surface Secondary
#F0F0F0 Surface Elevated
#D1D1D1 Border Default
#E6E6E6 Border Subtle
#CCCCCC Divider
#333333 Text Primary
#666666 Text Secondary
#999999 Text Tertiary
#B3B3B3 Text Disabled
#FF6F20 Icon Primary
#002B5C Icon Secondary

Swasthyam Healthcare Color Palette

About This Color Palette

json
{
  "palette_name": "Swasthyam Healthcare Color Palette",
  "colors": [
    {
      "name": "Primary Orange",
      "hex_code": "
          
          #FF6F20
       "
    },
    {
      "name": "Primary Hover",
      "hex_code": "
          
          #FF8C45
       "
    },
    {
      "name": "Primary Active",
      "hex_code": "
          
          #FF5C00
       "
    },
    {
      "name": "Primary Pressed",
      "hex_code": "
          
          #E65C00
       "
    },
    {
      "name": "Primary Light",
      "hex_code": "
          
          #FFB57E
       "
    },
    {
      "name": "Primary Subtle Background",
      "hex_code": "
          
          #FFE8D3
       "
    },
    {
      "name": "Primary Border",
      "hex_code": "
          
          #FF5C00
       "
    },
    {
      "name": "Primary Text",
      "hex_code": "
          
          #FFFFFF
       "
    },
    {
      "name": "Primary Disabled",
      "hex_code": "
          
          #FF9F6B
       "
    },
    {
      "name": "Orange 50",
      "hex_code": "
          
          #FFF4E1
       "
    },
    {
      "name": "Orange 100",
      "hex_code": "
          
          #FFE0B3
       "
    },
    {
      "name": "Orange 200",
      "hex_code": "
          
          #FFC080
       "
    },
    {
      "name": "Orange 300",
      "hex_code": "
          
          #FF9C4D
       "
    },
    {
      "name": "Orange 400",
      "hex_code": "
          
          #FF7A20
       "
    },
    {
      "name": "Orange 500",
      "hex_code": "
          
          #FF6F20
       "
    },
    {
      "name": "Orange 600",
      "hex_code": "
          
          #E65C00
       "
    },
    {
      "name": "Orange 700",
      "hex_code": "
          
          #BF4D00
       "
    },
    {
      "name": "Orange 800",
      "hex_code": "
          
          #993D00
       "
    },
    {
      "name": "Orange 900",
      "hex_code": "
          
          #7A2E00
       "
    },
    {
      "name": "Orange 950",
      "hex_code": "
          
          #5C1F00
       "
    },
    {
      "name": "Deep Navy",
      "hex_code": "
          
          #002B5C
       "
    },
    {
      "name": "Warm Charcoal",
      "hex_code": "
          
          #3D3D3D
       "
    },
    {
      "name": "Soft Peach",
      "hex_code": "
          
          #FFDAB9
       "
    },
    {
      "name": "Muted Slate",
      "hex_code": "
          
          #A3B1B5
       "
    },
    {
      "name": "Warm White",
      "hex_code": "
          
          #F7F7F7
       "
    },
    {
      "name": "Success Green",
      "hex_code": "
          
          #28A745
       "
    },
    {
      "name": "Warning Amber",
      "hex_code": "
          
          #FFC107
       "
    },
    {
      "name": "Error Red",
      "hex_code": "
          
          #DC3545
       "
    },
    {
      "name": "Information Blue",
      "hex_code": "
          
          #007BFF
       "
    },
    {
      "name": "Background Primary",
      "hex_code": "
          
          #FFFFFF
       "
    },
    {
      "name": "Background Secondary",
      "hex_code": "
          
          #F2F2F2
       "
    },
    {
      "name": "Background Tertiary",
      "hex_code": "
          
          #E6E6E6
       "
    },
    {
      "name": "Surface Primary",
      "hex_code": "
          
          #FFFFFF
       "
    },
    {
      "name": "Surface Secondary",
      "hex_code": "
          
          #F9F9F9
       "
    },
    {
      "name": "Surface Elevated",
      "hex_code": "
          
          #F0F0F0
       "
    },
    {
      "name": "Border Default",
      "hex_code": "
          
          #D1D1D1
       "
    },
    {
      "name": "Border Subtle",
      "hex_code": "
          
          #E6E6E6
       "
    },
    {
      "name": "Divider",
      "hex_code": "
          
          #CCCCCC
       "
    },
    {
      "name": "Text Primary",
      "hex_code": "
          
          #333333
       "
    },
    {
      "name": "Text Secondary",
      "hex_code": "
          
          #666666
       "
    },
    {
      "name": "Text Tertiary",
      "hex_code": "
          
          #999999
       "
    },
    {
      "name": "Text Disabled",
      "hex_code": "
          
          #B3B3B3
       "
    },
    {
      "name": "Icon Primary",
      "hex_code": "
          
          #FF6F20
       "
    },
    {
      "name": "Icon Secondary",
      "hex_code": "
          
          #002B5C
       "
    }
  ]
}

This color palette establishes a strong, cohesive visual identity for Swasthyam, ensuring that the primary orange remains dominant while providing complementary colors to enhance usability and accessibility in a professional healthcare environment.

Would you like me to elaborate on any specific section of the color palette or provide additional details?

Other Similar Palettes

#007BFF
#28A745
#FFFFFF
#F8F9FA
#DC3545
#003D5B
#A8E6CF
#FFFFFF
#B0B3B8
#FF6F61
#0077B6
#90E0EF
#00B4D8
#007A33
#F0F4F8
#003DA5
#A4C8E1
#009B77
#F4F4F4
#FFFFFF
#003D5B
#A4D7E1
#7D7F80
#F8F9FA
#B7C9A8
#6BB3E3
#A8E6CE
#D3D3D3
#FFFFFF
#F5CBA0
#124295
#009B77
#B0B3B8
#FFFFFF
#E6D5C5