Pine Loft color palette — #EAF5EF · #B1A221 · #107A22 · #5F5600 · #000907
Olive and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Gold (#B1A221): A luminous, balanced green — the color of new leaves after rain.
- Olive (#107A22): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#5F5600): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000907): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Muted Fern color palette (#E8F5F2, #77B260, #007569, #276500, #00080A)
- Worn Amber color palette (#FDF4E6, #C68E00, #006F4B, #684900, #151B09)
- Amber Lantern color palette (#FAEEF3, #DB894F, #766400, #824100, #000903)
- Pine Courtyard color palette (#EBF4D9, #7FAE63, #0F7A18, #004924, #001E12)
- Feathered Emerald Thicket color palette (#FAF5E6, #C1B853, #30974F, #7D7400, #171A08)
- Olive Workshop color palette (#D7E8E1, #778000, #00522C, #353A00, #000201)
- Quiet Chapel color palette (#DDF9F4, #B8CF57, #6CC147, #008C5A, #001917)
- Weathered Fern color palette (#EBF4F1, #C8DADD, #9EBFB9, #626A32, #19231F)
Browse the whole catalog at Explore, or see today's palette.