Pine Field color palette — #F4DBD5 · #938352 · #367D52 · #5D3256 · #290025

Teal and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DBD5): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#938352): A luminous, dusty green — the color of new leaves after rain.
• Teal (#367D52): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#5D3256): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#290025): A deep, shadowed, balanced pink — the color of a candy shop window.

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

• Aubergine Lantern color palette (#F5DDEC, #B26F53, #6A6D34, #5C366F, #20032D)
• Timeworn Olive Quarry color palette (#F2ECD8, #708046, #326440, #23335B, #160626)
• Muted Coast color palette (#ECDBD2, #838E48, #277A6F, #723319, #1E0800)
• Patina Lagoon color palette (#F0EACC, #529A6C, #00716B, #673454, #000802)
• Cocoa Harbor color palette (#EAE7CC, #70A386, #3E87A1, #7C3D26, #360F02)
• Olive Bloom color palette (#F2E9D8, #827C00, #446F00, #004722, #000F0C)
• Shadow Chestnut color palette (#FFDEDA, #735900, #004622, #2C0022, #04000D)
• Dusty Pewter Field color palette (#FFE9DC, #C4B789, #78A586, #9A6263, #552427)

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