Created at 07/16/2025 20:23

Full-Stack Design Tokens for Web Apps

The palette consists of Light colors. Accent colors Layer Blue #5089c6 and Schema Coral #ff8474. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #3C3C88 (darkest) to #FDFDFD (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #3C3C88, #5089C6, #A7A9BE, #BBE2C6, #FCE77D, #FDFDFD, #FF8474

Palette Full-Stack Design Tokens for Web Apps has combination of 7 codes colors:

HEX: #3c3c88, RGB: (60, 60, 136); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #5089c6, RGB: (80, 137, 198)

HEX: #ff8474, RGB: (255, 132, 116); HEX: #a7a9be, RGB: (167, 169, 190); HEX: #bbe2c6, RGB: (187, 226, 198)

HEX: #fce77d, RGB: (252, 231, 125)

Simplified version of palette colors

Tint of darkslateblue, Tint of White, Shade of steelblue, Shade of salmon, Tint of lightsteelblue, Tint of honeydew, Shade of Khaki

Color scheme was created by hex

More palettes with:

Colors codes in palette

Full-Stack Design Tokens for Web Apps color codes HEX, RGB information in table

10 color pairs have low contrast and need improvement which may impact readability.