A neon complementary system built from full blue and orange ramps plus a gold ramp, running pale tints to deep cores on white.
Colorvibrant, high-contrast, neon
Moodbold, energetic, professional
Industrysaas, developer-tool, b2b
TagsBold, ramp, complementary, mixed, orange, blue, neutral, blue-orange, tint-shade-ramps, complementary-system, ui-accents, gold-ramp, white-ground
Palette
#041B43
#003B95
#006CE4
#57A6F4
#CEE6FF
#F0F6FF
#411B01
#923E01
#F56700
#F89249
#FFDABF
#FEF3EC
Three coordinated ramps, blue, orange, and gold, each step from a pale tint down to a saturated core and a near-black shade, set on clean white with black text. This is a disciplined accent system for dashboards, product UI, and brand sites that want a bright blue-orange identity with built-in light and dark variants. Because it is built as ramps, it is more usable than it looks, but the brightest blues and oranges still need restraint in body areas.