Pine Coast color palette — #ECF4EE · #B79E54 · #00784D · #685200 · #000809
Pine takes the lead with Camel close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Camel (#B79E54): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00784D): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#685200): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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
- Fern Ridge color palette (#E9F5F1, #94AA65, #00727B, #4A5E00, #00080C)
- Olive Hollow color palette (#F9EFF3, #C89369, #646B00, #7F4300, #000905)
- Amber Bloom color palette (#FDF3EA, #C88A47, #006C6D, #724300, #0F1C10)
- Soft Pine Boulevard color palette (#EFF0CE, #8FA963, #2D7626, #00472D, #00201B)
- Aubergine Courtyard color palette (#DCEFE0, #839341, #006D44, #3A2578, #0B1D00)
- Faded Emerald color palette (#F9F5ED, #D0B157, #009954, #8A6E00, #161B07)
- Softworn Olive Courtyard color palette (#EDF4F0, #CAD9DC, #A6BCBB, #676A00, #14241E)
- Wandering Meadow color palette (#E1F1E8, #877A00, #005138, #3D3700, #000201)
Browse the whole catalog at Explore, or see today's palette.