Since the improvements to the area card in 2026.2 I’ve started trying them out in my dashboard. In one instance I’m replacing a simple tile card with one.
In the tile card I use a HEX code for the colour: #FFCOCB.
Trying the same in the area card results in a white icon.
The YAML for my earlier tile card:
type: tile
entity: input_boolean.nap_time
name: Nursery
icon: mdi:cradle
color: "#FFC0CB"
hide_state: true
vertical: false
tap_action:
action: navigate
navigation_path: /dashboard-nursery
features_position: bottom
Which looks like this:
The YAML for my new area card:
features:
- type: area-controls
controls:
- entity_id: switch.baby_pro_camera
alert_classes: []
sensor_classes:
- temperature
- humidity
display_type: compact
type: area
features_position: bottom
vertical: false
area: nursery
color: "#FFCOCB"
tap_action:
action: navigate
navigation_path: /dashboard-nursery
Which looks like this (note the cradle icon is white instead of the expected pink):
Have I tried to apply the colour incorrectly?
Or are custom colours not supported for area cards?
