Pine Market color palette — #F8F3F9 · #C9E2FA · #63B1CA · #4F8B51 · #314A64
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Powder Blue (#C9E2FA): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#63B1CA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#4F8B51): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#314A64): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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
- Pine Veranda color palette (#FAF3F8, #B9DAE9, #479FD2, #008056, #273864)
- Weathered Corridor color palette (#F0F7F1, #C8E4FD, #78CDD8, #6AA78D, #294D5F)
- Dusty Coast color palette (#F9F4ED, #CBE4C9, #009CAA, #207256, #2F503F)
- Chestnut Corridor color palette (#EBF9F1, #9FC8BD, #99915B, #876035, #1A4545)
- Powdered Lagoon color palette (#F6F3FF, #C88CC8, #76A95F, #009570, #3A3250)
- Weathered Ultramarine Orchard color palette (#F3E1E9, #669AB7, #1F4EB8, #003C38, #0C0026)
- Ancient Chapel color palette (#F0E6EC, #7CBCD0, #0079C5, #005B47, #151748)
- Iris Courtyard color palette (#F4F4FF, #E7D7E0, #DFCDA0, #7790C8, #50465E)
Browse the whole catalog at Explore, or see today's palette.