Pine Field color palette — #D8FEFC · #007D48 · #004E70 · #4B003C · #010100
Built around Pine, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Ivory (#D8FEFC): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#007D48): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#004E70): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#4B003C): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Pine Orchard color palette (#DDFDF9, #008623, #004D48, #380059, #020100)
- Olive Workshop color palette (#D3FDF2, #598B00, #004E8F, #4B0015, #060000)
- Patina Moss color palette (#FFE6F3, #4AA12D, #006163, #510036, #000502)
- Shadow Navy Bloom color palette (#D0F3FF, #005A5F, #003A6C, #31001D, #010100)
- Muted Nightshade Archive color palette (#E8F8FF, #007281, #4030B1, #40001D, #010100)
- Twilit Cypress color palette (#DBF5F6, #007155, #302D33, #001619, #000202)
- Charred Navy color palette (#E4E1CE, #464E00, #003260, #310010, #070500)
- Softworn Lagoon color palette (#E2FCF3, #6B7300, #00553E, #10007D, #040000)
Browse the whole catalog at Explore, or see today's palette.