Pine Workshop color palette — #F9F4ED · #BCE3E8 · #58B6C2 · #088260 · #003442

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Silver (#BCE3E8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#58B6C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#088260): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Periwinkle color palette (#FBF4E9, #C2E5F7, #6BACE8, #007D8B, #1B2D51)
• Timeworn Basin color palette (#F9F4EE, #BDE3EF, #7AC6E8, #3A928B, #21473D)
• Worn Emerald color palette (#FBF3F1, #CFE8CE, #53C1E2, #4DA152, #1E3D5A)
• Wandering Field color palette (#EDE2D1, #5FB2B3, #005F6E, #002C22, #000102)
• Dusty Petrol Pier color palette (#F6EDDF, #6EC4E3, #006EA2, #003D40, #00020A)
• Weathered Garden color palette (#F7EFF7, #A4D0DA, #008AA5, #225E1F, #02223B)
• Softworn Cerulean color palette (#F9F4EE, #C9DBE7, #DFC0DD, #619CAF, #5E4456)
• Quiet Olive Station color palette (#F6F7E0, #98D277, #C98CD5, #4C891D, #39183F)

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