Pine Atelier color palette — #ECF0E6 · #D3AF61 · #00764A · #0D4028 · #14180C
Built around Pine, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Cream (#ECF0E6): bright and airy, almost weightless.
- Gold (#D3AF61): A luminous, balanced gold — the color of old brass.
- Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#0D4028): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#14180C): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Fern Station color palette (#F2EFE1, #CFB06E, #666800, #373800, #1A1609)
- Aged Study color palette (#F1F7EF, #DAC18E, #008475, #334A2A, #1C2419)
- Weathered Marigold Meadow color palette (#D1EDD5, #D6A200, #00686F, #003539, #011405)
- Pine Summit color palette (#E9F9F8, #D2D597, #357247, #043115, #000505)
- Amber Atelier color palette (#E9F4DF, #B88A00, #00523F, #002117, #010300)
- Quiet Cobalt color palette (#F2F7EF, #4CCEAD, #0083E1, #00856C, #201222)
- Tempered Courtyard color palette (#F1F7F1, #D0DCDB, #A2C9CA, #009392, #363D35)
- Dusty Bronze color palette (#DFF1E7, #936E00, #003140, #0F151C, #00070C)
Browse the whole catalog at Explore, or see today's palette.