Wandering Pine Coast color palette — #E9F5F0 · #8FAA7D · #2E7544 · #4B3F60 · #00221D

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#8FAA7D): A luminous, dusty green — the color of new leaves after rain.
• Pine (#2E7544): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4B3F60): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Wandering Pine Coast 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

• Taupe Hollow color palette (#FDF4E2, #85A76F, #2C715A, #633F4A, #36362F)
• Hushed Lagoon color palette (#E9F5F2, #8BBEBC, #2F8670, #5D4E66, #152C2B)
• Misty Pine color palette (#E1F8F0, #82B876, #00804E, #703D1E, #0C2806)
• Hazy Fern color palette (#D0EED7, #9D9940, #4C6600, #6A212A, #181700)
• Ancient Study color palette (#CBE5DF, #649D72, #00654C, #562D00, #001615)
• Tempered Lagoon color palette (#F9F5E8, #9CC280, #4A925E, #7D575C, #36362F)
• Lagoon Balcony color palette (#E9FAEF, #BEDBA8, #449D7C, #625E81, #082F28)
• Softworn Pine color palette (#D0ECE3, #478A47, #005135, #490D36, #000B01)

Browse the whole catalog at Explore, or see today's palette.