Pine Loft color palette — #FDF6D5 · #A3B889 · #6E9A5E · #347A44 · #4C4F48
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Custard (#FDF6D5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A3B889): A luminous, dusty green — the color of fresh herbs.
- Moss (#6E9A5E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#347A44): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#4C4F48): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Pine Loft 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
- Aged Emerald color palette (#FFEFD5, #ADB679, #5F9E55, #286B50, #2B3A25)
- Pine Workshop color palette (#F4F7EB, #95BC95, #B585BB, #3D8542, #5E4161)
- Softworn Station color palette (#FFF3E6, #CEAF83, #9A8439, #6C6605, #525049)
- Ancient Moss color palette (#E2FEE8, #D1D193, #75AB5C, #42896A, #2F565E)
- Weathered Lagoon Studio color palette (#EFFBDB, #85C5B4, #309A93, #007175, #355440)
- Patina Teal color palette (#D3EFDE, #3EAB8D, #007B70, #005050, #0F344A)
- Fern Market color palette (#F3F7EA, #BBE1E1, #C0C2CD, #7A905C, #425611)
- Wandering Bronze color palette (#F3F8E7, #6FA77E, #7585C5, #A85F51, #41433C)
Browse the whole catalog at Explore, or see today's palette.