Pine Field color palette — #EDF9EF · #DEB593 · #A78F60 · #437D57 · #574048

Teal takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sand (#DEB593): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A78F60): A luminous, dusty gold — the color of old brass.
• Teal (#437D57): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#574048): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Muted Cypress color palette (#EBF9F1, #C4C18E, #849C61, #167E81, #334E44)
• Ancient Olive Hollow color palette (#FFF3E4, #FFD2B6, #BF9B68, #6F7933, #5C3400)
• Amber Market color palette (#FCEDF3, #C68E5A, #4C5E4C, #463139, #261F23)
• Weathered Canyon color palette (#ECF9EF, #D9928E, #976F1B, #3D5A86, #53424C)
• Aged Driftwood color palette (#E7FBEB, #C8E2D4, #9AB7AD, #65898F, #3B5058)
• Softworn Marigold color palette (#DDFFE9, #D39E28, #8A8000, #006B58, #433300)
• Antique Parlor color palette (#FEF4E1, #FFBDB5, #C7AA70, #708FB0, #6D3803)
• Feathered Amber color palette (#C5E8D3, #B28D00, #6B6F00, #00544C, #2B2400)

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