Tempered Workshop color palette — #FAF4F0 · #94D3CE · #00879A · #166237 · #154435

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Lagoon (#94D3CE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00879A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#166237): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#154435): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Summit color palette (#FBF3F0, #AFCEB7, #0083AF, #00624E, #48314A)
• Tempered Teal Grove color palette (#F6F6EB, #9BE4E0, #00AAB1, #2C7B6C, #21432C)
• Petrol Meadow color palette (#F9ECE4, #73BED3, #006FA4, #005147, #162C55)
• Washed Aqua color palette (#F0F7F2, #C1E8F2, #48C5D4, #40A07D, #004252)
• Patina Lagoon Market color palette (#F0E0D8, #418E8F, #004452, #002414, #000A15)
• Aged Ash color palette (#F9F4EF, #C9E7EB, #8598C7, #3F7982, #604C56)
• Washed Denim color palette (#EFE4DD, #569AB2, #004D7E, #00302D, #040941)
• Weathered Loft color palette (#FDDAE1, #B766CA, #396A00, #005B4D, #3E2229)

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