Pine Atelier color palette — #FBEFEB · #BD6A73 · #277E41 · #414178 · #271915

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

The five colors

• Cream (#FBEFEB): a clean, paper-quiet neutral.
• Mocha (#BD6A73): A luminous, balanced red — the color of late-summer berries.
• Olive (#277E41): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#414178): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#271915): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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

• Softworn Pine color palette (#F9F0E6, #A77B2F, #328146, #544977, #251B0D)
• Softworn Harbor color palette (#FDEDF0, #B47CB9, #6A7A1F, #2D4678, #261519)
• Weathered Cypress Courtyard color palette (#FCEEEB, #C88793, #00837F, #494574, #3A1B2E)
• Washed Bronze Canyon color palette (#FAF0E1, #DB959C, #91741B, #3B517E, #39271C)
• Misty Rust color palette (#FFEEE4, #B73D00, #00652C, #450979, #1A0700)
• Bronze Courtyard color palette (#F9F0E7, #A96400, #006C7F, #68283B, #1B0D02)
• Lagoon Field color palette (#FCF1FB, #F3A299, #369F7C, #3B6B90, #282533)
• Timeworn Bronze Thicket color palette (#F7F0ED, #D9D8D0, #A7B5AB, #B17050, #3C3431)

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