Pine Lagoon color palette — #FFE6F0 · #A85C00 · #1E7304 · #004338 · #040001
A conversation between Olive and Ochre, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE6F0): A whisper-light, dusty rose — the color of strawberry cream.
- Ochre (#A85C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Olive (#1E7304): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004338): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Antique Chestnut color palette (#FEE6F2, #954600, #2B5B00, #003022, #040002)
- Muted Lagoon color palette (#DBF6E4, #877100, #006F61, #00404B, #000201)
- Weathered Scarlet color palette (#FDE6F8, #D60A11, #606500, #0E4501, #030003)
- Washed Meadow color palette (#F7E8FF, #CD0077, #7F5700, #3C3B00, #040001)
- Misty Emerald color palette (#FFF1F6, #D27800, #0D9824, #006351, #170800)
- Tempered Ember color palette (#D9F8D8, #E1572A, #7E4300, #1C3200, #0B0200)
- Mulberry Hollow color palette (#FFE8E8, #91006A, #2F4E00, #002E2E, #070004)
- Airy Delta color palette (#FFD6D3, #EE6A50, #A84400, #4E2300, #060200)
Browse the whole catalog at Explore, or see today's palette.