Pine Lagoon color palette — #FFF4E0 · #FF9385 · #BA8900 · #008829 · #010100
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Melon (#FF9385): A luminous, balanced orange — the color of autumn markets.
- Mustard (#BA8900): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#008829): A full-bodied, vivid green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Apricot Canyon color palette (#FFF2D4, #FFA25B, #9B9400, #007C5E, #010100)
- Timeworn Study color palette (#FFEDE1, #FF99BC, #DD7900, #6B7B00, #020100)
- Washed Amber Studio color palette (#E8E2C3, #E28B00, #7F8D00, #005F52, #000200)
- Aubergine Terrace color palette (#FFE0DD, #AA8B5D, #586B24, #372169, #18000D)
- Ember Thicket color palette (#D9F7E1, #DA6300, #7F6500, #3B5300, #0D0A00)
- Softworn Bronze Alley color palette (#F1E6D5, #887C00, #435400, #073302, #000401)
- Emerald Courtyard color palette (#E7E1CC, #6B9D5E, #005C42, #4D1222, #000200)
- Timeworn Grape Balcony color palette (#E5E3C3, #729C1F, #8200B9, #2E4400, #020005)
Browse the whole catalog at Explore, or see today's palette.