Pine Market color palette — #DCE3CF · #007B4B · #003F68 · #2A0025 · #030100

Pine and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DCE3CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#007B4B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003F68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#2A0025): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Pine Market 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

• Nocturne Olive color palette (#EDE6CE, #6B6C00, #004549, #1B003F, #050000)
• Aubergine Bloom color palette (#E0EEDE, #007772, #371F90, #300009, #010100)
• Eclipse Forest Lantern color palette (#D8F0F0, #005935, #002D47, #25002A, #130300)
• Washed Canyon color palette (#E6F0DD, #53555D, #005B48, #0D1B1B, #000707)
• Lagoon Ridge color palette (#D3F4EA, #009189, #006165, #002D36, #000204)
• Petrol Garden color palette (#F4EDE2, #6EC7CF, #00738A, #003F35, #000306)
• Muted Basalt Thicket color palette (#CFE4D9, #5CA2A0, #007191, #531748, #1E0004)
• Frosted Moss color palette (#E6E3CD, #788C00, #007083, #762300, #060900)

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