Pine Coast color palette — #DFE2D7 · #BAC9B8 · #89AF9C · #007532 · #1E2112
Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#DFE2D7): a clean, paper-quiet neutral.
- Stone (#BAC9B8): A luminous, dusty green — the color of new leaves after rain.
- Sage (#89AF9C): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#007532): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#1E2112): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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 Workshop color palette (#F0EDE6, #C4C6B6, #99AB91, #6C6200, #231F14)
- Tempered Lagoon color palette (#E2E7DC, #B1C6BB, #8CB1A3, #009867, #1C2211)
- Cypress Delta color palette (#ECF2E9, #B8C9BF, #8BA7CB, #007162, #1A2216)
- Aged Abyss Boulevard color palette (#DFEBEB, #9EC0C5, #75949E, #005231, #122322)
- Jade Summit color palette (#F0EDD9, #56A57A, #006F6D, #3F4B12, #002111)
- Dusty Lagoon color palette (#F1F7EF, #D0E4D8, #9EC0F1, #008B7C, #2B3726)
- Abyss Ridge color palette (#DCE4DD, #92ABA3, #9E7991, #004F55, #030C04)
- Soft Archive color palette (#E1E7D2, #54AC9C, #2B72B2, #693D20, #472004)
Browse the whole catalog at Explore, or see today's palette.