Tempered Workshop color palette — #FFF1F2 · #BF5FB1 · #696700 · #00544B · #003F4D

Built around Hot Pink, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Hot Pink (#BF5FB1): A luminous, balanced pink — the color of a candy shop window.
• Olive (#696700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00544B): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003F4D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Quiet Market color palette (#FFF1F6, #A06AD9, #815B0A, #2E522A, #00423D)
• Antique Garden color palette (#FFF2EF, #CC607D, #486F39, #00515F, #283154)
• Ancient Canyon color palette (#F5F3FF, #C091C7, #678D54, #006D63, #00423B)
• Linen Plum Alley color palette (#FFDFDC, #C60070, #295900, #003B3D, #002547)
• Bronze Drift color palette (#FFF1F4, #DCB1A6, #AA7243, #586C5B, #3E544F)
• Muted Cerulean Lantern color palette (#FCF3EF, #C6E6CD, #4E94B2, #326F5C, #255148)
• Ancient Market color palette (#FFF2ED, #EA0422, #006B4A, #004469, #262763)
• Blush Canyon color palette (#FFDEEC, #ED7C9D, #B15454, #83482E, #5A3D1D)

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