Pine Field color palette — #FFF3E8 · #BF7E49 · #28833E · #005385 · #311109
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Caramel (#BF7E49): A luminous, balanced gold — the color of old brass.
- Fern (#28833E): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005385): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#311109): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Dusty Summit color palette (#FFF2EB, #CC6C54, #787000, #00576B, #331618)
- Timeworn Thicket color palette (#FBF5E5, #96871A, #007F58, #32409E, #2E1301)
- Quiet Tangerine Hollow color palette (#FFF0F8, #EE6C0B, #008767, #00585E, #110A1D)
- Nightshade Dune color palette (#FEEEEA, #DA6F82, #418424, #2244AB, #4C1032)
- Antique Alley color palette (#FCECD7, #D68B7D, #937300, #4446A8, #49260E)
- Patina Aubergine color palette (#E9EFDD, #008B55, #006A83, #6C0064, #171500)
- Forest Corridor color palette (#EEDECD, #875500, #006334, #003166, #1B0000)
- Aged Fern Studio color palette (#EBF9F1, #6A6100, #005E4F, #003D4B, #142136)
Browse the whole catalog at Explore, or see today's palette.