

# Colors variables
To import, use @import ```node_modules/@teliads/components/foundations/colors```


| name | Value |
| :--- | :----: |
|$telia-purple-100 | #fbf0ff |
|$telia-purple-200 | #edc8ff |
|$telia-purple-300 | #de99ff |
|$telia-purple-400 | #c158f8 |
|$telia-purple-500 | #990ae3 |
|$telia-purple-600 | #7800b4 |
|$telia-purple-700 | #5e0092 |
|$telia-purple-800 | #30004b |
|$telia-purple-850 | #29003e |
|$telia-purple-900 | #1f002e |
|$telia-beige-50 | #f8eee8 |
|$telia-beige-100 | #ecded4 |
|$telia-beige-200 | #d4c4ba |
|$telia-beige-300 | #b4a49c |
|$telia-beige-400 | #988a84 |
|$telia-beige-500 | #827672 |
|$telia-beige-600 | #5c524e |
|$telia-beige-700 | #403a36 |
|$telia-beige-800 | #282420 |
|$telia-beige-900 | #1c1818 |
|$telia-gray-50 | #f4f4f9 |
|$telia-gray-100 | #e8e8ed |
|$telia-gray-200 | #dcdce1 |
|$telia-gray-300 | #c8c8cd |
|$telia-gray-400 | #b0b0b5 |
|$telia-gray-500 | #8c8c90 |
|$telia-gray-600 | #606064 |
|$telia-gray-700 | #48484b |
|$telia-gray-800 | #303032 |
|$telia-gray-850 | #28282a |
|$telia-gray-900 | #121214 |
|$telia-green-100 | #ccefdd |
|$telia-green-200 | #a6e3c4 |
|$telia-green-300 | #73d3a2 |
|$telia-green-400 | #4cc789 |
|$telia-green-500 | #26bb6f |
|$telia-green-600 | #00af56 |
|$telia-green-700 | #008641 |
|$telia-green-800 | #00572a |
|$telia-green-900 | #00361a |
|$telia-red-100 | #fad1de |
|$telia-red-200 | #f6aec6 |
|$telia-red-300 | #f07fa5 |
|$telia-red-400 | #eb5185 |
|$telia-red-500 | #e4175c |
|$telia-red-600 | #be0040 |
|$telia-red-700 | #890e37 |
|$telia-red-800 | #5b0925 |
|$telia-red-900 | #390617 |
|$telia-orange-100 | #ffebcc |
|$telia-orange-200 | #ffdca6 |
|$telia-orange-300 | #ffc366 |
|$telia-orange-400 | #ffaf33 |
|$telia-orange-500 | #ff9b00 |
|$telia-orange-600 | #cc7c00 |
|$telia-orange-700 | #995d00 |
|$telia-orange-800 | #663e00 |
|$telia-orange-900 | #402700 |
|$telia-blue-100 | #ccebff |
|$telia-blue-200 | #a6dbff |
|$telia-blue-300 | #66c2ff |
|$telia-blue-400 | #33adff |
|$telia-blue-500 | #0099ff |
|$telia-blue-600 | #007acc |
|$telia-blue-700 | #00558f |
|$telia-blue-800 | #003d66 |
|$telia-blue-900 | #00253d |
|$telia-white | #ffffff |
|$telia-black | #222222 |
|$telia-functional-transparent | transparent |
|$telia-functional-black | #000000 |
|$telia-transparent-black-50 | rgba(0, 0, 0, 0.05) |
|$telia-transparent-black-100 | rgba(0, 0, 0, 0.1) |
|$telia-transparent-black-150 | rgba(0, 0, 0, 0.15) |
|$telia-transparent-black-200 | rgba(0, 0, 0, 0.2) |
|$telia-transparent-black-300 | rgba(0, 0, 0, 0.3) |
|$telia-transparent-black-400 | rgba(0, 0, 0, 0.4) |
|$telia-transparent-black-500 | rgba(0, 0, 0, 0.5) |
|$telia-transparent-black-600 | rgba(0, 0, 0, 0.6) |
|$telia-transparent-black-700 | rgba(0, 0, 0, 0.7) |
|$telia-transparent-black-800 | rgba(0, 0, 0, 0.8) |
|$telia-transparent-black-850 | rgba(0, 0, 0, 0.85) |
|$telia-transparent-black-900 | rgba(0, 0, 0, 0.9) |
|$telia-transparent-white-50 | rgba(255,255,255, 0.05) |
|$telia-transparent-white-100 | rgba(255,255,255, 0.1) |
|$telia-transparent-white-150 | rgba(255,255,255, 0.15) |
|$telia-transparent-white-200 | rgba(255,255,255, 0.2) |
|$telia-transparent-white-300 | rgba(255,255,255, 0.3) |
|$telia-transparent-white-400 | rgba(255,255,255, 0.4) |
|$telia-transparent-white-500 | rgba(255,255,255, 0.5) |
|$telia-transparent-white-600 | rgba(255,255,255, 0.6) |
|$telia-transparent-white-700 | rgba(255,255,255, 0.7) |
|$telia-transparent-white-800 | rgba(255,255,255, 0.8) |
|$telia-transparent-white-850 | rgba(255,255,255, 0.85) |
|$telia-transparent-white-900 | rgba(255,255,255, 0.9) |

