Spy X Family Color Palette
· 閱讀時間約 1 分鐘
Light Mode
Primary Colors
| Name | Hex | RGB |
|---|---|---|
| Primary | #8da99b | 141, 169, 155 |
| Primary Dark | #57675c | 87, 103, 92 |
| Secondary | #610a10 | 97, 10, 16 |
| Accent | #fab3ad | 250, 179, 173 |
Background
| Name | Hex |
|---|---|
| Background | #f5f0e8 |
| Surface | #fbf9f5 |
Text
| Name | Hex |
|---|---|
| Primary | #2c2827 |
| Secondary | #57675c |
Gray Scale
| Level | Hex |
|---|---|
| 0 | #FFFFFF |
| 100 | #f5f0e8 |
| 200 | #e5e0d8 |
| 300 | #d2cdc4 |
| 400 | #a8a39a |
| 500 | #86817b |
| 600 | #57675c |
| 700 | #2c2827 |
| 800 | #1d1c1b |
Dark Mode
Primary Colors
| Name | Hex |
|---|---|
| Primary | #a8c0b5 |
| Secondary | #a8666b |
| Accent | #fab3ad |
Background
| Name | Hex |
|---|---|
| Background | #2B3B54 |
| Surface | #3C4C64 |
Text
| Name | Hex |
|---|---|
| Primary | #F5F5F7 |
| Secondary | #A1A1A4 |
UI Specs
| Property | Value |
|---|---|
| Border Radius | 10px |
| Card Border | 1px solid rgba(87, 103, 92, 0.2) |
| Shadow | 0 2px 4px rgba(87, 103, 92, 0.1) |