{:root{color:%23000}}%3c/style%3e%3cswitch%3e%3cg%3e%3cpath%20d='M80.4%2064.2%2043.7.5C31%207.8%2026.6%2024.1%2033.9%2036.8l36.8%2063.7c12.7-7.3%2017.1-23.6%209.7-36.3z'%20style='fill:%235a58eb'/%3e%3cpath%20d='M28.2%2043.4%208.7%2062.9c-10.4%2010.4-10.4%2027.2%200%2037.6L28.2%2081c10.4-10.4%2010.4-27.2%200-37.6z'%20style='fill:%2305da98'/%3e%3cpath%20d='M154.1%2079.8h-9.4l-5.4-15.2h-21.5l-5.5%2015.2H103l21-58.6h9l21.1%2058.6zm-17.7-23.5-7.8-21.9-7.8%2021.9h15.6zm45.6-19-1.8%208.8h-3c-.8%200-1.7.1-2.6.4-.9.3-1.7.6-2.6%201.1-.8.4-1.5%201-2.2%201.5-.6.6-1.1%201.2-1.5%201.9v28.8h-8.9V38.5h8.1v5.9c4.4-4.8%208.7-7.2%2013-7.2h1.5zm25.2%2043.3c-2.1%200-4.2-.4-6.4-1.3s-4-2.1-5.4-3.7v4.2H187V17h8.5v25.1c2.8-3%206.7-4.4%2011.7-4.4%203%200%205.6.6%208%201.7%202.4%201.1%204.4%202.7%206%204.7%201.6%202%202.9%204.3%203.8%206.9.9%202.6%201.3%205.3%201.3%208.2%200%203-.5%205.8-1.4%208.4-.9%202.6-2.3%204.9-4%206.8-1.7%201.9-3.7%203.4-6.1%204.6-2.2%201.1-4.8%201.6-7.6%201.6zm-.8-35.5c-3.3%200-6.1%201.2-8.2%203.7-2.1%202.5-3.2%205.9-3.2%2010.5%200%204.5%201.1%208%203.2%2010.4%202.1%202.4%204.9%203.6%208.2%203.6%201.7%200%203.3-.3%204.7-1%201.4-.7%202.6-1.7%203.6-2.9%201-1.3%201.7-2.7%202.3-4.5.5-1.7.8-3.6.8-5.6%200-2.1-.3-4-.8-5.7-.5-1.8-1.3-3.3-2.3-4.5-1-1.2-2.2-2.2-3.6-2.9-1.4-.8-2.9-1.1-4.7-1.1zm45.9%2035.5c-3.1%200-6-.5-8.5-1.6s-4.7-2.6-6.5-4.5c-1.8-1.9-3.2-4.2-4.1-6.8-1-2.6-1.5-5.4-1.5-8.5%200-3%20.5-5.8%201.4-8.5.9-2.6%202.3-4.9%204.1-6.8%201.8-1.9%203.9-3.4%206.5-4.6%202.5-1.1%205.4-1.7%208.6-1.7%203.2%200%206%20.6%208.6%201.7%202.5%201.1%204.7%202.7%206.5%204.6%201.8%202%203.2%204.2%204.1%206.8.9%202.6%201.4%205.4%201.4%208.4s-.5%205.8-1.4%208.4c-.9%202.6-2.3%204.9-4.1%206.8-1.8%201.9-4%203.4-6.5%204.6-2.6%201.2-5.5%201.7-8.6%201.7zm8.8-31.8c-2.1-2.5-5.1-3.8-8.8-3.8-3.8%200-6.7%201.3-8.8%203.8-2.1%202.5-3.1%206-3.1%2010.4s1%207.9%203.1%2010.3c2%202.5%205%203.7%208.8%203.7s6.8-1.3%208.9-3.8c2.1-2.5%203.1-5.9%203.1-10.3-.1-4.2-1.1-7.7-3.2-10.3zM303%2037.3l-1.8%208.8h-3c-.8%200-1.7.1-2.6.4-.9.3-1.7.6-2.6%201.1-.8.4-1.5%201-2.2%201.5-.6.6-1.1%201.2-1.5%201.9v28.8h-8.9V38.5h8.1v5.9c4.4-4.8%208.7-7.2%2013-7.2h1.5zm53.2%2042.5h-9.8l-16-23.1-14.7%2023.1h-9.8l20-29.2-19.7-29.4h10.3l14.6%2022.1L346%2021.2h9.7l-20.4%2028.3%2020.9%2030.3zm49.9%200h-9.5l-12.7-22.5H372v22.5h-9V21.2h19.8c6.4%200%2011.4%201.3%2014.9%203.9%203.5%202.6%205.3%207%205.3%2013.1%200%207.5-3.5%2013-10.5%2016.7l13.6%2024.9zm-24.2-51.2H372V49h11.1c3.3%200%205.8-.8%207.7-2.5%201.9-1.7%202.9-4.3%202.9-7.8%200-6.8-3.9-10.1-11.8-10.1z'%20style='fill:currentColor'/%3e%3c/g%3e%3c/switch%3e%3c/svg%3e)
Base Palette
Primitive color scales in OKLCH, aligned to the Tailwind lightness scale (50 → 950). Click any swatch to copy its value.
Semantic Tokens
Purpose-driven aliases built on the base palette. Each token resolves per theme — use the toggle in the header to preview light and dark values.
tokens.css
Base Palette
The full OKLCH spectrum with each swatch's sRGB hex shown persistently. Click any swatch to copy its hex.
Semantic Tokens
Each token's resolved hex for the active theme — use the toggle in the header to switch and the values update. Gradients and shadows have no single hex, so they show their resolved value.