Pine Atelier color palette — #F4F4FE · #C9B2EE · #B49354 · #17845D · #1A2732
Built around Fern, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F4F4FE): bright and airy, almost weightless.
- Lavender (#C9B2EE): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#B49354): A luminous, balanced gold — the color of old brass.
- Fern (#17845D): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#1A2732): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Creativity, Sophistication. 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
- Patina Field color palette (#F0F6FD, #90B2E1, #C37B5F, #6F7A1F, #0E272F)
- Timeworn Moss Alley color palette (#F9F2FC, #E0A4BF, #769A57, #007A85, #262A3A)
- Olive Quarry color palette (#ECF9EE, #F7CDF5, #CD8D98, #548044, #443A51)
- Fuchsia Harbor color palette (#F6F3FF, #E572DE, #847F00, #00605B, #050E31)
- Stone Hollow color palette (#F8F2FE, #D49BB6, #5E4F5F, #302737, #100E14)
- Weathered Loft color palette (#FBEEF3, #9A77D1, #4F753A, #405933, #182114)
- Faded Ember Field color palette (#FFF0FA, #E84B32, #007C6C, #00416C, #0C0008)
- Hushed Iris Balcony color palette (#FFF1F6, #9072B4, #7C610F, #1E5B43, #283C37)
Browse the whole catalog at Explore, or see today's palette.