Pine Atelier color palette — #FAF0E6 · #B17100 · #137723 · #004643 · #01170F

Olive takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF0E6): a clean, paper-quiet neutral.
• Ochre (#B17100): A luminous, balanced gold — the color of old brass.
• Olive (#137723): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004643): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#01170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Wandering Courtyard color palette (#FCF0E2, #B98036, #626C00, #004E32, #002328)
• Softworn Rust Quarry color palette (#FFF1F8, #BC5F2D, #565E00, #004B5D, #31293C)
• Linen Hollow color palette (#FFEFDC, #D38664, #985A00, #2F5120, #311D0D)
• Linen Olive Meadow color palette (#F4F4D7, #3C8600, #005A68, #003A69, #120423)
• Antique Iris Boulevard color palette (#FDECF7, #7878CB, #006E47, #005154, #001A13)
• Hazy Olive Courtyard color palette (#FFF2EB, #E48561, #788615, #006D87, #2B1416)
• Pale Coral Orchard color palette (#FFF0FE, #EA626A, #977B00, #63568A, #31283B)
• Tempered Cypress color palette (#FDEDF0, #AF80B3, #007E84, #244C6E, #23141C)

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