Colors
1 min readColors
Color styles
You can find the color styles in the Assets section.
Color palette
The color system provides a balanced foundation for any brand or project. Each style is carefully selected to maintain visual harmony and meet accessibility standards, ensuring clarity, contrast, and consistency across the interface.
Color | Name | Value |
|---|---|---|
 | Text primary | #000000 |
 | Text secondary | #6c6c6c |
 | Text inverse | #FFFFFF |
 | Primary | #044C58 |
 | Primary bg | #044C58 (12%) |
 | Secondary | #4338CA |
 | Secondary hover | #3730A3 |
 | Secondary bg | #4338CA (15%) |
 | Stroke | #000000 (12%) |
 | Stroke hover | #000000 (24%) |
 | Icon primary | #000000 |
 | Icon secondary | #000000 (55%) |
| Icon inverse | #FFFFFF |
| Icon bg | #FFFFFF |
 | Background | #F0F0F0 |
| Surface 1 | #FFFFFF |
 | Surface 2 | #000000 (6%) |
| Black | #000000 |
| White | #FFFFFF |
 | Violet | #A855F7 |
 | Violet bg | #A855F7 (15%) |
 | Blue | #01ADEF |
 | Blue bg | #01ADEF (15%) |
 | Yellow | #EAB308 |
 | Yellow bg | #EAB308 (15%) |
 | Red | #EF4444 |
 | Red bg | #EF4444 (15%) |
 | Green | #16A34A |
 | Green bg | #16A34A (15%) |
Last updated on
November 27, 2025