Pine Coast color palette — #D4E5E3 · #29794F · #00412E · #002421 · #000401
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Silver (#D4E5E3): a clean, paper-quiet neutral.
- Pine (#29794F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Muted Summit color palette (#D3EAE9, #348A6A, #005041, #002E41, #000B05)
- Deep Olive color palette (#D4E9DC, #6C6C23, #323B00, #0D2500, #030300)
- Washed Teal color palette (#CAEDEC, #40AA87, #006B5B, #004848, #001C12)
- Gentle Coast color palette (#DBFAF0, #8FB575, #397C37, #00575B, #142604)
- Aged Cypress color palette (#E6F5F6, #88BEC5, #44817C, #3E586F, #0F2C30)
- Twilit Aubergine color palette (#ECEBFF, #500FB5, #730042, #003443, #010008)
- Dusty Navy Alley color palette (#E2DFF1, #B489DB, #945B98, #322886, #0A0016)
- Obsidian Aubergine Lagoon color palette (#EAE6FE, #7350BE, #440085, #130032, #020008)
Browse the whole catalog at Explore, or see today's palette.