Pine Workshop color palette — #FFF2EB · #5FE2E1 · #009CB9 · #00764A · #003753

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Lagoon (#5FE2E1): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine 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

• Softworn Study color palette (#FFF2EA, #7DD9F9, #0093E4, #00736B, #162C6D)
• Tempered Turquoise Terrace color palette (#ECF9EE, #C8DCF8, #00ADC2, #00755A, #002937)
• Dusty Aqua Parlor color palette (#DFFDF6, #4CCDCE, #007D86, #00574D, #003A43)
• Soft Lagoon color palette (#FFEFFF, #8FECEC, #00BCEA, #009F3B, #003362)
• Antique Lagoon Quarry color palette (#C8FFFD, #C9DBFF, #AEB8FF, #009268, #003D4D)
• Antique Turquoise color palette (#FBF3EF, #CEEED7, #4CB1E1, #3A8B77, #553F56)
• Feathered Turquoise Hollow color palette (#BEF5FF, #00C3DD, #00899C, #005160, #001B23)
• Crimson Coast color palette (#C8E9E8, #00A0A1, #EA0061, #AD5000, #002B2B)

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