Feathered Pine color palette — #D3F7A2 · #76BD7A · #00855B · #00514A · #0D354A
Built around Fern, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Butter (#D3F7A2): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#76BD7A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00855B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#0D354A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Feathered Pine 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 Boulevard color palette (#F1F197, #8AAC54, #018722, #005439, #003E39)
- Chartreuse Archive color palette (#C8F98C, #57E85C, #00C58E, #008F7F, #003A3D)
- Frosted Thicket color palette (#A3FFD0, #17B79E, #007E7C, #005462, #003D56)
- Wandering Corridor color palette (#FCE091, #89B622, #008152, #004B4E, #001E2D)
- Washed Lime Terrace color palette (#FFE8A8, #A3C951, #00A668, #006C6E, #003E56)
- Gentle Corridor color palette (#E0FCF9, #AED759, #00C36A, #009190, #004233)
- Airy Aubergine color palette (#E1FEE7, #5C9F4D, #007062, #64098E, #024122)
- Hushed Olive color palette (#EFF7F5, #CDDDE3, #9DC4C8, #467B02, #314440)
Browse the whole catalog at Explore, or see today's palette.