Pine Field color palette — #F8DCE1 · #B18E69 · #4B7840 · #563B64 · #48243A

Built around Olive, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DCE1): A whisper-light, dusty red — the color of late-summer berries.
• Caramel (#B18E69): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#4B7840): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#563B64): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#48243A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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

• Cypress Atelier color palette (#FDE8D3, #98A073, #00736A, #663243, #413148)
• Hushed Forest color palette (#FFE9E8, #997D4D, #256D29, #5A1D42, #420D14)
• Washed Bronze Harbor color palette (#F7E9F6, #C68381, #796A00, #374B68, #22375C)
• Tempered Hollow color palette (#F2DDCA, #B5AC56, #688551, #39587C, #313A5B)
• Aged Emerald Atelier color palette (#D6EADE, #729861, #00644E, #552B57, #00312B)
• Lagoon Courtyard color palette (#FFE7F4, #9CC0AB, #5A8F73, #6B5B77, #5C4152)
• Tempered Taupe Thicket color palette (#F9E8D3, #A69341, #666519, #15473D, #1C193B)
• Taupe Balcony color palette (#EFE1D9, #C3AF7E, #7EA57D, #886274, #382D54)

Browse the whole catalog at Explore, or see today's palette.