Pine Workshop color palette — #FDF2F0 · #C3E9DF · #6FAFC9 · #388F50 · #2E496B

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Honeydew (#C3E9DF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6FAFC9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#388F50): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2E496B): A full-bodied, dusty blue — the color of open sky before noon.

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

• Patina Lagoon color palette (#FBF3EF, #C3E6E5, #7FA8DA, #008F7A, #5B3D50)
• Weathered Dune color palette (#EFF8F1, #BDE4EF, #2B9AAB, #18725A, #2F4C5D)
• Weathered Balcony color palette (#FAF4EC, #BDEFE1, #6DCEDF, #6EA592, #324F41)
• Wandering Cerulean Study color palette (#F8EBE7, #AFCDB4, #0092C4, #00703F, #112C58)
• Ancient Lagoon color palette (#FFF1F2, #CF8AC0, #7AA765, #089670, #4E2D31)
• Weathered Cobalt color palette (#EBDFD8, #7FBBD2, #0075D2, #005B4B, #19154B)
• Linen Ultramarine color palette (#ECDFD4, #6599BB, #2C4DB4, #003C39, #0D0024)
• Misty Orchid color palette (#FFF1F5, #CCA6E4, #6CBA75, #A05FC5, #2A4C2E)

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