Publish your color palette
In previous versions of Metronic you included a Color Palette page within the Demos. This would be very helpful to be able to see the colors all in one place. In particular, a number of the colors for buttons both for normal and hover state are not WCAG Accessible because the contrast is too low. Having a demo page would make this easier to test our customizations.
Replies (25)
Hello,
Thank you for addressing such an essential design and usability component. We absolutely agree that a centralized Color Palette page—with visual states like default, hover, and active—is incredibly helpful for maintaining brand consistency and ensuring accessibility standards such as WCAG compliance.
While building and maintaining our website, shriramtheone.org.in, we’ve faced similar challenges. As a real estate platform showcasing Shriram Codename The One, visual clarity, brand alignment, and user experience are top priorities. Unlike generic web templates, real estate websites must clearly communicate trust, elegance, and functionality through color and layout—across all screen sizes and lighting environments.
A dedicated and interactive palette preview tool would certainly aid in refining UI elements, especially for high-impact sectors like real estate where first impressions matter. We strongly support reintroducing this feature in future updates—it would be an invaluable asset for designers, developers, and digital branding teams alike.
Warm regards,
Team Shriram The One
Hello,
Thank you for highlighting the importance of standardized design systems—especially when it comes to elements like color palettes, typography, and component states (hover, active, disabled). As a team managing the digital presence for Sattva Vasanta, a premium residential project in Bangalore, we recognize how vital visual consistency and accessibility are in shaping user trust and engagement.
In our own experience, maintaining a cohesive color system has been crucial—not only for brand representation but also to support legibility across various devices and user environments. For high-value real estate offerings, every detail matters, from contrast ratios to responsive behavior. A centralized design reference, such as a comprehensive UI kit or color documentation, would be immensely helpful for iterating on and testing new features while ensuring alignment with WCAG guidelines.
We fully support this direction and believe such tools empower developers and designers alike to deliver refined, inclusive, and brand-consistent experiences—something that's essential in the luxury real estate space.
Warm regards,
Sattva Vasanta Team
Hello,
Thank you for emphasizing the importance of a centralized Color Palette page—especially one that displays all states (default, hover, active). We completely agree that this plays a crucial role in maintaining visual consistency and ensuring WCAG accessibility compliance. In our experience with developing the website for Assetz Codename Altitude, maintaining optimal contrast ratios and brand alignment has been vital for presenting our luxury residential offerings.
Real estate websites like ours require a keen focus on visual precision—colors must not only represent the brand but also ensure readability and accessibility across multiple devices and varying lighting conditions. A dedicated palette demo would be an invaluable tool for testing and refining UI elements, particularly when dealing with custom design components in a premium development.
We strongly support the inclusion of this feature in future releases, as it would undoubtedly benefit both developers and designers in crafting more polished, accessible websites.
Warm regards,
Assetz Codename Altitude