Pine Coast color palette — #F3E5AF · #8AAA6C · #117D47 · #00514A · #003A42
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Peach Cream (#F3E5AF): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8AAA6C): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#117D47): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Tempered Chartreuse color palette (#EAE7A0, #96D767, #59B67D, #008A7C, #003942)
- Powdered Olive color palette (#EBE0D4, #A9995A, #597505, #005519, #003D35)
- Powdered Summit color palette (#F9F2C5, #8BC097, #008D77, #005E64, #004661)
- Softworn Navy Courtyard color palette (#D1E9D4, #60B09B, #007579, #004A62, #002D5C)
- Garnet Dune color palette (#FFEADC, #7F8E44, #006A59, #700F4D, #1B3915)
- Ancient Olive color palette (#F6F5ED, #D4DBD5, #AAB8A4, #556F00, #3C3B30)
- Olive Villa color palette (#E6E7D7, #478A34, #005437, #002B2A, #051320)
- Hushed Clover color palette (#F5F8DF, #D8BE60, #66C355, #008091, #003B24)
Browse the whole catalog at Explore, or see today's palette.