Pine Atelier color palette — #F8F5E8 · #9CBA8E · #3B8557 · #496242 · #464600

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

The five colors

• Ivory (#F8F5E8): a clean, paper-quiet neutral.
• Sage (#9CBA8E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3B8557): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#496242): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#464600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Fern Balcony color palette (#F4F7EB, #B7C7A8, #3D9189, #516E5D, #3C5717)
• Aged Pine Quarry color palette (#F8F6E6, #84A581, #00754D, #354A73, #35362F)
• Aged Taupe color palette (#E8FAF5, #BEE0BB, #8BB997, #679A9E, #2B4945)
• Worn Pine color palette (#E1E2CF, #2D8F56, #005140, #222959, #171E01)
• Sunlit Amber Atelier color palette (#FFF0FC, #839DDE, #B08000, #4560AE, #543E12)
• Inked Coast color palette (#F4EDE0, #616100, #203100, #001A25, #060600)
• Pale Rust Cabin color palette (#FFF0FB, #7181D5, #C55138, #387850, #45313F)
• Hushed Courtyard color palette (#FFF0FA, #E4D9E2, #E5AAD9, #6183A7, #604754)

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