Pine Workshop color palette — #FAF4F0 · #D1E2D0 · #4797A9 · #077546 · #285143

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#D1E2D0): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#4797A9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#077546): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#285143): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Weathered Ridge color palette (#EBF4F2, #C3E3EB, #00A1A8, #006E5E, #0F313D)
• Cypress Garden color palette (#FAF4F0, #CCE3D5, #5791BA, #007267, #593D56)
• Washed Quarry color palette (#F5F6EF, #C3E5DA, #43B8BE, #138E7A, #364F3D)
• Wandering Cerulean Lantern color palette (#FDF3EE, #B3CCBA, #2082AC, #00624F, #203C5D)
• Timeworn Atelier color palette (#EDE1DC, #769A7C, #005268, #003122, #001528)
• Quiet Lagoon color palette (#FFF1F5, #B190C9, #4E9E5E, #7F49A1, #204E2A)
• Tempered Aqua color palette (#FCF2F8, #CDE7FF, #7CCBDE, #6EA784, #344B5B)
• Washed Denim Coast color palette (#EBDCD4, #69A9BF, #005C90, #003E39, #08194C)

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