<% card = "rounded-lg border border-secondary bg-container p-3 space-y-1.5" label = "text-xs font-medium text-primary" meta = "text-xs text-secondary font-mono" swatch = "h-12 w-full rounded-md border border-secondary" %>

Palette

Base colors, semantic aliases, and the full scale ladders. Aliases that have a dark variant show both values.

Base & semantic colors

<% (base_colors + semantic_colors + budget_colors).each do |entry| %>
<%= entry[:var] %> <% if entry[:dark_resolved] %> light/dark <% end %>

<%= entry[:light_resolved] %>

<% if entry[:dark_resolved] %>

dark: <%= entry[:dark_resolved] %>

<% end %>
<% end %>

Color scales

<% scales.each do |scale, entries| %>

<%= scale %>

<% entries.each do |entry| %>

<%= entry[:name] %>

<% end %>
<% end %>