Pine Atelier color palette — #D3EAE9 · #1C8555 · #18373F · #0C2323 · #050F10

Built around Fern, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Frost (#D3EAE9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#1C8555): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#18373F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#0C2323): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#050F10): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Corridor color palette (#E0F6FC, #008F8B, #303F48, #1A2C30, #0F171A)
• Lowlit Cypress color palette (#D0F3F9, #006A5C, #00232B, #00110D, #000203)
• Patina Mint Lantern color palette (#E2E7D9, #46C585, #60775F, #415107, #191911)
• Soft Veranda color palette (#E5F9FF, #1C9B9C, #B65A6C, #9B5040, #1E3D45)
• Shadow Denim color palette (#E4EFFA, #004877, #231D24, #0C0829, #000309)
• Aged Cypress Studio color palette (#EDF8F2, #A0B891, #507F65, #3F6351, #2F4843)
• Dusty Study color palette (#FBF2F8, #BBE5EF, #4497A7, #35704B, #2C4B61)
• Tempered Boulevard color palette (#E7F9FF, #4CB1B8, #C06A8C, #00747B, #5E3343)

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