Pine Field color palette — #D4E6C6 · #008A52 · #00564D · #002C31 · #000C14
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D4E6C6): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008A52): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00564D): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#002C31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000C14): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Weathered Olive color palette (#F0ECCE, #5F7600, #00512A, #002921, #000F0F)
- Ancient Emerald Boulevard color palette (#E4EFDD, #009D63, #00766D, #004953, #00202D)
- Petrol Market color palette (#C3ECE3, #00828B, #004D67, #00244E, #080029)
- Aged Lagoon Market color palette (#C8EEF3, #00949E, #00535B, #001C20, #000202)
- Worn Brick Parlor color palette (#D2F2F5, #007D66, #A7060A, #004033, #180000)
- Airy Thicket color palette (#B7ECE5, #4EC1A3, #008984, #005368, #123047)
- Dusty Garnet Canyon color palette (#C6EFF7, #00665E, #920700, #532C00, #000504)
- Bronze Dune color palette (#F8F0CD, #B36C00, #00818C, #050D13, #000102)
Browse the whole catalog at Explore, or see today's palette.