Pine Lagoon color palette — #E5F2E5 · #B77E00 · #007839 · #754F00 · #000202
Pine takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E5F2E5): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#B77E00): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007839): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#754F00): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
Use it as a design system
One click turns Pine Lagoon 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
- Amber Villa color palette (#EAD8E0, #CB6F00, #606C00, #834600, #000201)
- Olive Bloom color palette (#EEE4C4, #898700, #467200, #00491E, #000703)
- Antique Nightshade color palette (#D7F0DC, #857D00, #006D1A, #282391, #030400)
- Moss Coast color palette (#D2E4DE, #749A00, #007372, #496200, #000203)
- Aged Ember color palette (#F9E8F5, #E74F40, #706500, #A60806, #000201)
- Ancient Aubergine color palette (#DDF1E8, #747800, #006267, #3D008E, #070000)
- Wandering Chapel color palette (#F0E1E7, #AF5B00, #00523A, #572A00, #000202)
- Tempered Chestnut Parlor color palette (#E9F1EC, #92A5A6, #6C9099, #736300, #020C06)
Browse the whole catalog at Explore, or see today's palette.