Pine Drift color palette — #FDF3E8 · #9EA058 · #3D713E · #633D51 · #37352F
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3E8): a clean, paper-quiet neutral.
- Moss (#9EA058): A luminous, balanced green — the color of fresh herbs.
- Olive (#3D713E): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#633D51): A full-bodied, dusty rose — the color of strawberry cream.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Drift 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
- Softworn Fern Archive color palette (#E8F6EE, #A1A477, #5D6C2B, #653836, #002317)
- Jade Cabin color palette (#F9F6E0, #59AF82, #007270, #624142, #343630)
- Wandering Loft color palette (#FAF4E9, #9EB98A, #4A806A, #6B5259, #484500)
- Tempered Chestnut Veranda color palette (#FCF5E2, #B5B986, #788949, #904F36, #37352F)
- Worn Cobalt color palette (#FFF2EC, #ABD0B3, #1582B2, #206142, #4B3048)
- Olive Lantern color palette (#F7EAD9, #708507, #00532B, #37234C, #181E00)
- Wandering Lantern color palette (#ECF9EE, #A5D7C1, #80AF6D, #847CAC, #1A3D30)
- Muted Apricot color palette (#FFEEE6, #ED8747, #994200, #5A2400, #3E1600)
Browse the whole catalog at Explore, or see today's palette.