Pine Field color palette — #D6FEFF · #8BCBA3 · #318260 · #005034 · #003A28
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#D6FEFF): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#8BCBA3): A luminous, balanced teal — the color of sea glass.
- Fern (#318260): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#005034): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#003A28): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, cool.
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
- Olive Archive color palette (#D8FFF3, #9FBE80, #68833A, #3B4E00, #1B3200)
- Wandering Mint Cabin color palette (#ECFCD5, #A2EABB, #46C799, #328F60, #013B27)
- Airy Jade Courtyard color palette (#D5FFFF, #A0DBBC, #3FA87B, #00704D, #003822)
- Wandering Lagoon color palette (#E2FAFF, #66C3D4, #008893, #004E5A, #00363F)
- Dusty Bronze Lagoon color palette (#EAFAEA, #8BB299, #8A6C46, #694459, #25443A)
- Ancient Grove color palette (#DCF2E9, #008364, #004130, #00150E, #000504)
- Petrol Boulevard color palette (#EDF7FA, #61C1BF, #5F69A7, #006E6D, #1D2432)
- Patina Abyss Corridor color palette (#EAF8FD, #D4A288, #005D61, #07343F, #131C26)
Browse the whole catalog at Explore, or see today's palette.