Pine Coast color palette — #ECEFE1 · #007A2E · #004433 · #001E20 · #000407

A conversation between Olive and Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECEFE1): bright and airy, almost weightless.
• Olive (#007A2E): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004433): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001E20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000407): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns 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

• Washed Cypress color palette (#D5E9DA, #007365, #004146, #002131, #000614)
• Abyss Alley color palette (#F7EFD7, #636600, #044A0B, #001E11, #000403)
• Mulberry Pier color palette (#D6EEE7, #006B5A, #880047, #003229, #0A0003)
• Tempered Emerald color palette (#D2E9D1, #00985F, #006552, #002722, #000404)
• Ancient Archive color palette (#E6F2DE, #00B0C6, #666BBF, #314D00, #000607)
• Weathered Thicket color palette (#EFE2D7, #CA005B, #007169, #040C0E, #000200)
• Obsidian Veranda color palette (#D4E6E2, #00564A, #77002A, #4A1700, #000201)
• Powdered Lagoon Cabin color palette (#D7F8EF, #0098A1, #006386, #003963, #0B0A37)

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