Pine Field color palette — #DBE7CC · #00833A · #004E47 · #002A2C · #00070D
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DBE7CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00833A): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004E47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002A2C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Pine Field 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
- Washed Cypress color palette (#D9F7E3, #007A73, #004F5B, #00283D, #00071A)
- Fern Orchard color palette (#E8DECF, #7B6E00, #285A00, #003012, #000F0C)
- Timeworn Mulberry color palette (#D1F4FF, #007879, #A0005C, #004141, #120006)
- Ancient Indigo color palette (#C8E9E1, #26B7D9, #7269ED, #335D00, #000E0E)
- Antique Garnet color palette (#BCEAEE, #006852, #892400, #502F00, #000201)
- Tempered Market color palette (#F0E3CA, #B95E00, #007D8B, #070F15, #000204)
- Patina Cerulean Alley color palette (#D6F4EC, #009DA7, #007291, #00426A, #0D1648)
- Nightshade Archive color palette (#C2EFED, #0087A9, #005890, #1A0092, #1E0046)
Browse the whole catalog at Explore, or see today's palette.