Skip to content

Color Palette

Jump to bottom
Bonnie Wolfe edited this page Mar 24, 2025 · 3 revisions

The Design System Color Palette is located in our Figma file TDM Calc Figma, Full Design System, Color Palette. image

When reviewing a wireframe from the design team, first make sure all the colors they use are from this palette, and do not hard-code colors in your react components. Instead, refer to colors from the theme.js file.

To reference theme colors in your react components refer to this component as an example.

Home

Introduction to the Project

Joining the TDM Calculator Team

After you have read the info for all joining team members, read the pages for your practice area

Product Documentation

Software Architecture and Development

Clone this wiki locally