This is an info Alert.
  • 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 inPurchase
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
    • Text field
    • 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 progress
    • Scrollbar
    • Snackbar
    • Upload
    • Utilities
Primary
lighter
#C8FAD6 Hex200 250 214 Rgb--palette-primary-lighter Var
light
#5BE49B Hex91 228 155 Rgb--palette-primary-light Var
main
#00A76F Hex0 167 111 Rgb--palette-primary-main Var
dark
#007867 Hex0 120 103 Rgb--palette-primary-dark Var
darker
#004B50 Hex0 75 80 Rgb--palette-primary-darker Var
Secondary
lighter
#EFD6FF Hex239 214 255 Rgb--palette-secondary-lighter Var
light
#C684FF Hex198 132 255 Rgb--palette-secondary-light Var
main
#8E33FF Hex142 51 255 Rgb--palette-secondary-main Var
dark
#5119B7 Hex81 25 183 Rgb--palette-secondary-dark Var
darker
#27097A Hex39 9 122 Rgb--palette-secondary-darker Var
Info
lighter
#CAFDF5 Hex202 253 245 Rgb--palette-info-lighter Var
light
#61F3F3 Hex97 243 243 Rgb--palette-info-light Var
main
#00B8D9 Hex0 184 217 Rgb--palette-info-main Var
dark
#006C9C Hex0 108 156 Rgb--palette-info-dark Var
darker
#003768 Hex0 55 104 Rgb--palette-info-darker Var
Success
lighter
#D3FCD2 Hex211 252 210 Rgb--palette-success-lighter Var
light
#77ED8B Hex119 237 139 Rgb--palette-success-light Var
main
#22C55E Hex34 197 94 Rgb--palette-success-main Var
dark
#118D57 Hex17 141 87 Rgb--palette-success-dark Var
darker
#065E49 Hex6 94 73 Rgb--palette-success-darker Var
Warning
lighter
#FFF5CC Hex255 245 204 Rgb--palette-warning-lighter Var
light
#FFD666 Hex255 214 102 Rgb--palette-warning-light Var
main
#FFAB00 Hex255 171 0 Rgb--palette-warning-main Var
dark
#B76E00 Hex183 110 0 Rgb--palette-warning-dark Var
darker
#7A4100 Hex122 65 0 Rgb--palette-warning-darker Var
Error
lighter
#FFE9D5 Hex255 233 213 Rgb--palette-error-lighter Var
light
#FFAC82 Hex255 172 130 Rgb--palette-error-light Var
main
#FF5630 Hex255 86 48 Rgb--palette-error-main Var
dark
#B71D18 Hex183 29 24 Rgb--palette-error-dark Var
darker
#7A0916 Hex122 9 22 Rgb--palette-error-darker Var
Grey
50
#FCFDFD Hex252 253 253 Rgb--palette-grey-50 Var
100
#F9FAFB Hex249 250 251 Rgb--palette-grey-100 Var
200
#F4F6F8 Hex244 246 248 Rgb--palette-grey-200 Var
300
#DFE3E8 Hex223 227 232 Rgb--palette-grey-300 Var
400
#C4CDD5 Hex196 205 213 Rgb--palette-grey-400 Var
500
#919EAB Hex145 158 171 Rgb--palette-grey-500 Var
600
#637381 Hex99 115 129 Rgb--palette-grey-600 Var
700
#454F5B Hex69 79 91 Rgb--palette-grey-700 Var
800
#1C252E Hex28 37 46 Rgb--palette-grey-800 Var
900
#141A21 Hex20 26 33 Rgb--palette-grey-900 Var
  • On this page
  • 1 - Primary
  • 2 - Secondary
  • 3 - Info
  • 4 - Success
  • 5 - Warning
  • 6 - Error
  • 7 - Grey

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
[email protected]

© All rights reserved.