This is an info Alert.
Logo
  • Home
  • Components
  • Pages
      • Other
      • About us
      • Contact us
      • FAQs
      • Pricing
      • Payment
      • Maintenance
      • Coming soon
      • Concepts
      • Shop
      • Product
      • Checkout
      • Posts
      • Post
      • Auth Demo
      • Sign in
      • Sign up
      • Reset password
      • Update password
      • Verify
      • Sign in (centered)
      • Sign up (centered)
      • Reset password (centered)
      • Update password (centered)
      • Verify (centered)
      • Error
      • Page 403
      • Page 404
      • Page 500
      • Dashboard
      • Dashboard illustration
  • Docs
Sign in
Color
  1. Components
  3. Color
  • https://mui.com/customization/color
  • https://colors.eva.design
​
  • Foundation
    • Colors
    • Typography
    • Shadows
    • Grid
    • Icons
  • MUI
    • Accordion
    • Alert
    • Autocomplete
    • Avatar
    • Badge
    • Breadcrumbs
    • Buttons
    • Checkbox
    • Chip
    • Data grid (MUI X)
    • Date pickers (MUI X)
    • Dialog
    • Drawer
    • List
    • Menu
    • Pagination
    • Popover
    • Progress
    • Radio button
    • Rating
    • Slider
    • Stepper
    • Switch
    • Table
    • Tabs
    • Textfield
    • Timeline
    • Tooltip
    • Transfer list
    • Tree view (MUI X)
  • Extra
    • Animate
    • Carousel
    • Chart
    • Dnd
    • Editor
    • Form validation
    • Form wizard
    • Image
    • Label
    • Layout
    • Lightbox
    • Map
    • Markdown
    • Mega menu
    • Multi language
    • Navigation bar
    • Organization chart
    • Scroll
    • Scroll progress
    • Snackbar
    • Upload
    • Utilities
Primary
lighter
Varvar(--palette-primary-lighter)
Hex#C8FAD6
Rgb200 250 214
light
Varvar(--palette-primary-light)
Hex#5BE49B
Rgb91 228 155
main
Varvar(--palette-primary-main)
Hex#00A76F
Rgb0 167 111
dark
Varvar(--palette-primary-dark)
Hex#007867
Rgb0 120 103
darker
Varvar(--palette-primary-darker)
Hex#004B50
Rgb0 75 80
Secondary
lighter
Varvar(--palette-secondary-lighter)
Hex#EFD6FF
Rgb239 214 255
light
Varvar(--palette-secondary-light)
Hex#C684FF
Rgb198 132 255
main
Varvar(--palette-secondary-main)
Hex#8E33FF
Rgb142 51 255
dark
Varvar(--palette-secondary-dark)
Hex#5119B7
Rgb81 25 183
darker
Varvar(--palette-secondary-darker)
Hex#27097A
Rgb39 9 122
Info
lighter
Varvar(--palette-info-lighter)
Hex#CAFDF5
Rgb202 253 245
light
Varvar(--palette-info-light)
Hex#61F3F3
Rgb97 243 243
main
Varvar(--palette-info-main)
Hex#00B8D9
Rgb0 184 217
dark
Varvar(--palette-info-dark)
Hex#006C9C
Rgb0 108 156
darker
Varvar(--palette-info-darker)
Hex#003768
Rgb0 55 104
Success
lighter
Varvar(--palette-success-lighter)
Hex#D3FCD2
Rgb211 252 210
light
Varvar(--palette-success-light)
Hex#77ED8B
Rgb119 237 139
main
Varvar(--palette-success-main)
Hex#22C55E
Rgb34 197 94
dark
Varvar(--palette-success-dark)
Hex#118D57
Rgb17 141 87
darker
Varvar(--palette-success-darker)
Hex#065E49
Rgb6 94 73
Warning
lighter
Varvar(--palette-warning-lighter)
Hex#FFF5CC
Rgb255 245 204
light
Varvar(--palette-warning-light)
Hex#FFD666
Rgb255 214 102
main
Varvar(--palette-warning-main)
Hex#FFAB00
Rgb255 171 0
dark
Varvar(--palette-warning-dark)
Hex#B76E00
Rgb183 110 0
darker
Varvar(--palette-warning-darker)
Hex#7A4100
Rgb122 65 0
Error
lighter
Varvar(--palette-error-lighter)
Hex#FFE9D5
Rgb255 233 213
light
Varvar(--palette-error-light)
Hex#FFAC82
Rgb255 172 130
main
Varvar(--palette-error-main)
Hex#FF5630
Rgb255 86 48
dark
Varvar(--palette-error-dark)
Hex#B71D18
Rgb183 29 24
darker
Varvar(--palette-error-darker)
Hex#7A0916
Rgb122 9 22
Grey
50
Varvar(--palette-grey-50)
Hex#FCFDFD
Rgb252 253 253
100
Varvar(--palette-grey-100)
Hex#F9FAFB
Rgb249 250 251
200
Varvar(--palette-grey-200)
Hex#F4F6F8
Rgb244 246 248
300
Varvar(--palette-grey-300)
Hex#DFE3E8
Rgb223 227 232
400
Varvar(--palette-grey-400)
Hex#C4CDD5
Rgb196 205 213
500
Varvar(--palette-grey-500)
Hex#919EAB
Rgb145 158 171
600
Varvar(--palette-grey-600)
Hex#637381
Rgb99 115 129
700
Varvar(--palette-grey-700)
Hex#454F5B
Rgb69 79 91
800
Varvar(--palette-grey-800)
Hex#1C252E
Rgb28 37 46
900
Varvar(--palette-grey-900)
Hex#141A21
Rgb20 26 33
  • On this page
  • 1 - Primary
  • 2 - Secondary
  • 3 - Info
  • 4 - Success
  • 5 - Warning
  • 6 - Error
  • 7 - Grey
Logo

The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style.

Minimal
About usContact usFAQs
Legal
Terms and conditionPrivacy policy
Contact
support@minimals.cc

© All rights reserved.