Pine Market color palette — #D0E9D3 · #008A58 · #006C6D · #00435F · #000102
A conversation between Fern and Teal, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D0E9D3): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008A58): A full-bodied, balanced teal — the color of shallow lagoons.
- Teal (#006C6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00435F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged candy, vibrant, light, 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
- Emerald Veranda color palette (#DFEFF4, #3D931C, #006E6C, #003C91, #000608)
- Pine Meadow color palette (#E5EACB, #797F00, #00742A, #00443F, #000201)
- Muted Teal color palette (#D5F0F9, #00A794, #008F93, #00647B, #000506)
- Navy Boulevard color palette (#D1ECEA, #00697F, #043463, #2D0D07, #0C0200)
- Navy Garden color palette (#F9EEDE, #3981A5, #003D6A, #001F23, #00000A)
- Nightshade Lagoon color palette (#CFE6DE, #00899E, #0066A0, #361E9D, #000105)
- Moonless Bloom color palette (#C6ECDD, #005277, #5C2D00, #002133, #030100)
- Weathered Cabin color palette (#C6EFEF, #69BF00, #00948D, #4D41C2, #000102)
Browse the whole catalog at Explore, or see today's palette.