Pine Market color palette — #CAF0EA · #107D18 · #004545 · #00172A · #020100
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CAF0EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#107D18): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#004545): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00172A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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
- Cellar Basin color palette (#CFEAEE, #00786A, #004258, #0C004B, #010100)
- Lowlit Chapel color palette (#D6EBDE, #786600, #004919, #001A1B, #030100)
- Deep Fern Corridor color palette (#D1EBE5, #2D5B00, #534A4C, #0D1B1C, #000801)
- Wandering Emerald color palette (#DEF7DE, #00A25B, #005B3C, #002B1F, #000705)
- Fern Lantern color palette (#E4E1CE, #445000, #003037, #180031, #040000)
- Tempered Courtyard color palette (#D1E4D3, #589E7F, #00786A, #00375C, #010328)
- Moss Market color palette (#CEE9D8, #96931F, #4A5400, #342B00, #010100)
- Powdered Clover Hollow color palette (#D7FFFB, #00B952, #007A80, #003F7A, #141300)
Browse the whole catalog at Explore, or see today's palette.