Loading...
Created at 06/26/2025 08:39
Modular Figma Design Tokens
- Spacing Sky#bae6fd
- Frame Indigo#6366f1
- Auto Layout Sand#fef3c7
- Color Style Rose#f9a8d4
- Typography Fog#f3f4f6
- Variant Charcoal#1f2937
The palette consists of Light, Dark colors. Accent colors Spacing Sky #bae6fd and Auto Layout Sand #fef3c7. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1F2937 (darkest) to #F3F4F6 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1F2937, #6366F1, #BAE6FD, #F3F4F6, #F9A8D4, #FEF3C7
Palette Modular Figma Design Tokens has combination of 6 codes colors:
HEX: #bae6fd, RGB: (186, 230, 253); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef3c7, RGB: (254, 243, 199)
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #1f2937, RGB: (31, 41, 55)
Simplified version of palette colors
Shade of lightblue, Tint of mediumslateblue, Tint of lemonchiffon, Shade of plum, Tint of whitesmoke, Shade of Black
Color scheme was created by hex
Colors codes in palette
Modular Figma Design Tokens color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Spacing Sky | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Frame Indigo | — |
| #fef3c7 | #fef3c7 | RGB(254, 243, 199) | Auto Layout Sand | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Color Style Rose | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Typography Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Variant Charcoal | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#bae6fd | #fef3c7 | 1.19 |
#bae6fd | #f9a8d4 | 1.36 |
#bae6fd | #f3f4f6 | 1.2 |
#fef3c7 | #f9a8d4 | 1.62 |
#fef3c7 | #f3f4f6 | 1.01 |
#f9a8d4 | #f3f4f6 | 1.64 |
Image palette Modular Figma Design Tokens png
Export Palette
Download the "Modular Figma Design Tokens" in multiple formats for seamless integration into your design projects.
Available formats: