Pine Field color palette — #F3D8C5 · #C45D00 · #00812E · #733400 · #00330D

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

The five colors

• Bone (#F3D8C5): A whisper-light, dusty gold — the color of honey in a jar.
• Terracotta (#C45D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#00812E): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#733400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00330D): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Wandering Veranda color palette (#EADCC9, #A87300, #007D64, #624100, #003126)
• Hazy Study color palette (#F4D7CC, #C95353, #617400, #8C001A, #252D00)
• Aged Mulberry color palette (#FAE3CB, #965C00, #396E00, #8F0045, #2F1A00)
• Frosted Rust Boulevard color palette (#F0DCCE, #C95900, #00778F, #723000, #00151B)
• Tempered Chestnut Grove color palette (#F0E5CB, #6F5E00, #005756, #352C00, #001313)
• Airy Amber Station color palette (#FFE0C8, #CF7F2E, #784100, #422000, #2A1200)
• Linen Cabin color palette (#F0D5E3, #EF6C00, #0096B3, #9E4500, #002F39)
• Powdered Plum Pier color palette (#ECDCC5, #A47500, #B8008A, #604300, #470E35)

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