Tempered Workshop color palette — #CDE0F7 · #0062B5 · #645100 · #443600 · #031B34

A conversation between Cobalt and Coffee, giving this palette its sense of nature and growth.

The five colors

• Powder Blue (#CDE0F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0062B5): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#645100): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#443600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#031B34): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Chalky Ultramarine color palette (#DCEBFF, #0053C8, #484100, #252B00, #00191C)
• Chestnut Loft color palette (#C4E3F5, #006D87, #7D4100, #552B00, #001E2C)
• Pale Sapphire color palette (#E5EFFF, #3667DA, #6C6300, #4D4600, #19273B)
• Patina Lapis Cabin color palette (#E7EDFF, #5F4EC1, #873C00, #582500, #07021F)
• Airy Grape color palette (#D5DDFB, #6C1AEA, #535800, #383B00, #14192E)
• Cornflower Chapel color palette (#EED5EC, #3279F3, #966700, #6E4B00, #281027)
• Muted Violet color palette (#F2F5FF, #8869D7, #757531, #57560F, #2D3147)
• Dusty Indigo color palette (#CBE9BF, #5F5CF5, #772868, #003F19, #1F2040)

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