Pine Pier color palette — #EBF3E2 · #007F4E · #00443B · #001E24 · #000A13
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EBF3E2): A whisper-light, dusty green — the color of fresh herbs.
- Teal (#007F4E): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00443B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001E24): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000A13): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Pine Pier 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
- Aged Olive color palette (#E8E3CA, #627700, #00491E, #00231C, #000D11)
- Moss Dune color palette (#CDF1E8, #7E9400, #007C60, #004C66, #000C0C)
- Deep Forest Parlor color palette (#FFDED0, #006A35, #00373F, #34001A, #000F0A)
- Tempered Onyx Thicket color palette (#CDF2DF, #00817C, #004654, #001D35, #030039)
- Pale Emerald color palette (#F3F0CE, #119B2F, #006658, #00333D, #000819)
- Spruce Boulevard color palette (#E2EEED, #92B0B4, #608694, #004418, #041816)
- Worn Cypress color palette (#E5F4E2, #007D7B, #005374, #501802, #261500)
- Aubergine Thicket color palette (#BEE8E7, #005936, #35006B, #2C000F, #120400)
Browse the whole catalog at Explore, or see today's palette.