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
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
