This is an info Alert.
Drairway mark
  • 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
Purchase
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#6DBEAB
Rgb109 190 171
light
Varvar(--palette-primary-light)
Hex#4DAB96
Rgb77 171 150
main
Varvar(--palette-primary-main)
Hex#408F7D
Rgb64 143 125
dark
Varvar(--palette-primary-dark)
Hex#2D6558
Rgb45 101 88
darker
Varvar(--palette-primary-darker)
Hex#1A3A33
Rgb26 58 51
Secondary
lighter
Varvar(--palette-secondary-lighter)
Hex#D0ECE5
Rgb208 236 229
light
Varvar(--palette-secondary-light)
Hex#A8DBCF
Rgb168 219 207
main
Varvar(--palette-secondary-main)
Hex#57BAA3
Rgb87 186 163
dark
Varvar(--palette-secondary-dark)
Hex#479986
Rgb71 153 134
darker
Varvar(--palette-secondary-darker)
Hex#387768
Rgb56 119 104
Info
lighter
Varvar(--palette-info-lighter)
Hex#D0ECE5
Rgb208 236 229
light
Varvar(--palette-info-light)
Hex#A8DBCF
Rgb168 219 207
main
Varvar(--palette-info-main)
Hex#57BAA3
Rgb87 186 163
dark
Varvar(--palette-info-dark)
Hex#479986
Rgb71 153 134
darker
Varvar(--palette-info-darker)
Hex#387768
Rgb56 119 104
Success
lighter
Varvar(--palette-success-lighter)
Hex#D0ECE5
Rgb208 236 229
light
Varvar(--palette-success-light)
Hex#A8DBCF
Rgb168 219 207
main
Varvar(--palette-success-main)
Hex#57BAA3
Rgb87 186 163
dark
Varvar(--palette-success-dark)
Hex#479986
Rgb71 153 134
darker
Varvar(--palette-success-darker)
Hex#387768
Rgb56 119 104
Warning
lighter
Varvar(--palette-warning-lighter)
Hex#E9D5BF
Rgb233 213 191
light
Varvar(--palette-warning-light)
Hex#D6B189
Rgb214 177 137
main
Varvar(--palette-warning-main)
Hex#B0691C
Rgb176 105 28
dark
Varvar(--palette-warning-dark)
Hex#905617
Rgb144 86 23
darker
Varvar(--palette-warning-darker)
Hex#714312
Rgb113 67 18
Error
lighter
Varvar(--palette-error-lighter)
Hex#FAE2BF
Rgb250 226 191
light
Varvar(--palette-error-light)
Hex#F6CA88
Rgb246 202 136
main
Varvar(--palette-error-main)
Hex#ED991A
Rgb237 153 26
dark
Varvar(--palette-error-dark)
Hex#C27D15
Rgb194 125 21
darker
Varvar(--palette-error-darker)
Hex#986211
Rgb152 98 17
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
Drairway mark

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.