Pine Terrace color palette — #F5F2E8 · #B7B68C · #31885B · #5B562D · #292813
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E8): a clean, paper-quiet neutral.
- Sage (#B7B68C): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#31885B): A full-bodied, balanced teal — the color of sea glass.
- Coffee (#5B562D): A full-bodied, dusty green — the color of fresh herbs.
- Onyx (#292813): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Terrace 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
- Cocoa Delta color palette (#F3F3E5, #91C0A4, #2B857B, #7F4224, #242A17)
- Fern Field color palette (#F2F3EA, #BBC9A9, #48918C, #666519, #263800)
- Pine Summit color palette (#F8F2E0, #8CAB76, #00784B, #2F4F37, #1E1D08)
- Patina Dune color palette (#E9F9F4, #B4E8F1, #7DAC78, #588073, #233E39)
- Teal Coast color palette (#E2E8C6, #49B995, #009286, #00575F, #00303C)
- Tempered Coral color palette (#E9F6E7, #3ABAB0, #D16B64, #00746D, #431716)
- Pine Ridge color palette (#E6E2CF, #2F7A2C, #004130, #1E2100, #000400)
- Cerulean Atelier color palette (#D8FDE3, #73CEDC, #008D9C, #00474B, #001A1E)
Browse the whole catalog at Explore, or see today's palette.