Tempered Workshop color palette — #EFF6FF · #ECFFB0 · #B1FFFD · #284952 · #1E282A

A conversation between Butter and Sea Foam, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Butter (#ECFFB0): A whisper-light, balanced green — the color of fresh herbs.
• Sea Foam (#B1FFFD): A whisper-light, dusty teal — the color of shallow lagoons.
• Charcoal (#284952): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1E282A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered Workshop into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Abyss Station color palette (#D0F6FF, #DAD0D7, #89968D, #284A59, #1C292F)
• Glacier Workshop color palette (#D9FFD3, #DDDEFF, #79E0FF, #00323E, #06141C)
• Timeworn Bronze Grove color palette (#ECF8F7, #96CD9C, #C6817A, #925F13, #1C2E27)
• Washed Seafoam Grove color palette (#FFEDE0, #FFCCE1, #30F6C3, #4F7073, #2F3839)
• Ancient Driftwood color palette (#F0F5FF, #B4C0F3, #D89AAF, #B16D66, #283144)
• Hushed Orchard color palette (#EEE5D6, #E9B4FF, #70D57E, #34352E, #1A1C14)
• Turquoise Study color palette (#F0F6FA, #D6DCE8, #89AFED, #32AAC6, #141F2D)
• Tempered Sky Lantern color palette (#F0F6FA, #D7D9E0, #CABFC5, #77B9D5, #464F55)

Browse the whole catalog at Explore, or see today's palette.