Pine Coast color palette — #E2EBD8 · #00875C · #00574F · #00295B · #000F09
Built around Fern, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2EBD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00875C): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00574F): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00295B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#000F09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, muted, cool.
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
- Tempered Olive Cabin color palette (#C8EDDE, #508200, #005A2D, #003140, #021000)
- Tempered Corridor color palette (#DEE8C5, #008D50, #004F42, #001C36, #000201)
- Hushed Corridor color palette (#D4EAE7, #008286, #005367, #330072, #000E11)
- Petrol Pier color palette (#DBEDE9, #5AB2B7, #007481, #004B45, #00171E)
- Fern Corridor color palette (#F0E1DA, #256900, #003839, #33001C, #000F07)
- Navy Archive color palette (#CEECF9, #007381, #003F94, #390058, #160007)
- Hushed Nightshade color palette (#D5EEC5, #00B292, #007F80, #1D2EC7, #00312B)
- Dusty Bloom color palette (#F9E3D7, #21A41C, #00777C, #761E5A, #000F08)
Browse the whole catalog at Explore, or see today's palette.