Pine Field color palette — #CDF1F2 · #92C1E6 · #A98AC2 · #508558 · #1C3E21
A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Frost (#CDF1F2): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#92C1E6): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#A98AC2): A luminous, balanced violet — the color of wild irises.
- Fern (#508558): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1C3E21): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Bronze Bloom color palette (#C6ECDD, #8ABFD4, #A38AC5, #866A22, #423902)
- Chalky Peony Workshop color palette (#D2EEFC, #9F9EDE, #BF608C, #457357, #00371D)
- Worn Taupe color palette (#E2EEFA, #BFABD8, #CA8388, #4B8780, #00403A)
- Timeworn Fern Quarry color palette (#C6ECCC, #D5B8D0, #C99BBD, #838E66, #3C4900)
- Patina Thicket color palette (#D8E9FF, #9FABD2, #976EA1, #765628, #1B4437)
- Ancient Periwinkle color palette (#F5EDE6, #AEE0CD, #78A0FF, #00918B, #30274B)
- Basalt Grove color palette (#CFEBF9, #7B93AF, #6E5880, #3B3E07, #00261A)
- Apricot Grove color palette (#E5E1FF, #F3B7D7, #E19E68, #6096A5, #154F5D)
Browse the whole catalog at Explore, or see today's palette.