Pine Basin color palette — #EDE4CB · #98AE7A · #408344 · #76473A · #202F03
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EDE4CB): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#98AE7A): A luminous, dusty green — the color of fresh herbs.
- Fern (#408344): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#76473A): A full-bodied, dusty orange — the color of autumn markets.
- Deep Forest (#202F03): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Basin 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
- Muted Olive color palette (#F5EAD5, #ADB349, #588800, #6E5800, #2F3100)
- Antique Lagoon color palette (#F9F6E4, #B5B88D, #4D9168, #825842, #35362F)
- Wandering Grove color palette (#E8FAF1, #AAC783, #348B3C, #734234, #001E18)
- Timeworn Cypress Veranda color palette (#E7E6D0, #6CA175, #007254, #683701, #191D00)
- Basalt Market color palette (#EAE4D5, #6E9969, #006353, #5C2457, #11310D)
- Dusty Olive Orchard color palette (#D6F2B8, #86C160, #598600, #304F00, #0C1900)
- Moss Terrace color palette (#E7E5CA, #719500, #0080CA, #A83F5E, #192400)
- Hushed Bronze color palette (#F7F2C7, #AFDDB0, #62D0BB, #847513, #1E3615)
Browse the whole catalog at Explore, or see today's palette.