Pine Atelier color palette — #D0F0EE · #008F57 · #006F47 · #004C68 · #21081E
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D0F0EE): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008F57): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006F47): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004C68): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#21081E): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, 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
- Navy Terrace color palette (#CFF4F5, #008E61, #006F4B, #193B97, #221000)
- Weathered Pine color palette (#CCE4E3, #008144, #005759, #003554, #130100)
- Airy Moss Basin color palette (#E4FCF3, #849120, #00779B, #005974, #2A192F)
- Aged Villa color palette (#D3FCFA, #039151, #007477, #7F006B, #051A00)
- Muted Parlor color palette (#DBF1F8, #00696B, #00464D, #1E006B, #030100)
- Pale Navy Alley color palette (#D9ECE2, #897C00, #6E6300, #003394, #210800)
- Washed Bloom color palette (#E1F4EB, #787600, #083B3A, #001C11, #010601)
- Hushed Courtyard color palette (#F6E0EC, #C74F00, #675800, #004171, #220619)
Browse the whole catalog at Explore, or see today's palette.