Pine Coast color palette — #E0EACC · #008240 · #00503D · #002F30 · #000C12
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E0EACC): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008240): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00503D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Forest (#002F30): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000C12): 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 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
- Cypress Summit color palette (#D6F9E4, #008178, #005358, #003040, #000B21)
- Ancient Meadow color palette (#E2F0DC, #008B40, #00513F, #001615, #000102)
- Olive Corridor color palette (#F1EAD4, #647700, #0C550A, #002A19, #000808)
- Quiet Dune color palette (#C5EEF5, #007A6C, #A10056, #00423A, #130005)
- Garnet Terrace color palette (#CEE8DD, #00684F, #94030E, #562B00, #000201)
- Softworn Corridor color palette (#D0F0F3, #56ADC8, #7D7CD7, #495900, #000E0F)
- Timeworn Teal color palette (#E2F4E4, #00B392, #008785, #005C6F, #002C4E)
- Hushed Delta color palette (#F2E5C9, #BA5D00, #007F82, #041016, #000203)
Browse the whole catalog at Explore, or see today's palette.