Pine Coast color palette — #DAE3D7 · #007431 · #00402F · #00221D · #000706
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#DAE3D7): a clean, paper-quiet neutral.
- Pine (#007431): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00402F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Hushed Emerald Basin color palette (#DBF5E0, #009862, #006A4B, #003B2D, #001914)
- Softworn Mulberry color palette (#E1EADA, #006B55, #840057, #003226, #090004)
- Twilit Harbor color palette (#E1F4F1, #007D78, #00423E, #001715, #000201)
- Fern Alley color palette (#F3EDDA, #655F00, #384000, #0F1F00, #010800)
- Hazy Cobalt color palette (#CFE8E2, #00ACB3, #007EB7, #004524, #000807)
- Velvet Aubergine color palette (#D2E9E3, #00564A, #500093, #482400, #000201)
- Aged Cerulean color palette (#C9F7F6, #009AA7, #005D74, #003951, #00182B)
- Frosted Byzantium color palette (#ECDCCA, #B100B9, #006E7A, #060C10, #000200)
Browse the whole catalog at Explore, or see today's palette.