Our core colors are built around three tones of green and neutral shades. The primary greens represent trust, stability, and long-term growth, while also drawing from the natural associations of green—prosperity, life, balance, and affluence. Their muted, dark tone conveys confidence and maturity, with the darker green used for text and the lighter tone for backgrounds and surfaces. The accent green adds energy, clarity, and a sense of positive action. Neutrals like off-black, light grey, and almost white provide contrast, structure, and readability, forming a calm and clean foundation for all brand layouts.

Semantic colors convey system status and guide user attention. Use Attention, Info, Error, and Success to highlight key states and feedback. Each color is optimized for clarity, accessibility, and consistency across UI components.

Pair colors with purpose. Use brand greens on neutral backgrounds for clarity. Accent green works best on dark backgrounds for visibility. Semantic colors should always be paired with neutral tones to ensure they stand out and are easy to read.

Always make sure text and elements have strong contrast. Follow accessibility rules—text should be easy to read against its background. Avoid light-on-light or using color alone to show meaning. Combine color with icons or labels when needed.