Colors

This page documents the colors used in Schedules across the system and their corresponding color codes. These colors are used to visually distinguish different schedule states, types, or categories in the UI.

Color Lists

Color Key	Color Name	Hex Code	Preview
`beet`	Beet	`#BF1959`	🟥
`black`	Black	`#010101`	⬛
`bloomy_plum`	Bloomy Plum	`#6A5E72`	🟪
`blue`	Blue	`#2196F3`	🟦
`blue_grey`	Blue Grey	`#78909C`	⬜
`brown`	Brown	`#785548`	🟫
`crimson`	Crimson	`#8A2731`	🟥
`deep_purple`	Deep Purple	`#673AB7`	🟪
`green`	Green	`#43A047`	🟩
`grey`	Grey	`#888888`	⬜
`indigo`	Indigo	`#3F51B5`	🟦
`light_blue`	Light Blue	`#A6D5FA`	🟦
`light_green`	Light Green	`#B3D9B5`	🟩
`light_olive`	Light Olive	`#CDC8A2`	🟨
`light_orange`	Light Orange	`#F8C499`	🟧
`light_purple`	Light Purple	`#D7A8DF`	🟪
`light_red`	Light Red	`#FAB3AE`	🟥
`olive`	Olive	`#827717`	🟨
`orange`	Orange	`#EF6C00`	🟧
`pink`	Pink	`#E91E63`	🟥
`purple`	Purple	`#9C27B0`	🟪
`red`	Red	`#F44336`	🟥
`slate`	Slate	`#486B7A`	🟦
`teal`	Teal	`#009688`	🟩
`bright_red`	Bright Red	`#922A31`	🟥
`bright_yellow`	Bright Yellow	`#FFFF00`	🟨

🚧
Note: * The preview icons are for documentation purposes only. Actual UI colors are rendered using the color codes listed above.

Usage Guidelines

Do not reuse schedule colors for different meanings.
Always use the exact color codes to maintain UI consistency.
When introducing new schedule types or statuses, update this document accordingly.