Pine Study color palette — #D6E8E6 · #3A8C51 · #004B62 · #00421A · #000103
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Frost (#D6E8E6): a clean, paper-quiet neutral.
- Fern (#3A8C51): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004B62): A deep, shadowed, dusty blue — the color of open sky before noon.
- Forest (#00421A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Pine Study 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 Navy Villa color palette (#DCF2F6, #008C7D, #003D91, #004038, #000105)
- Wandering Meadow color palette (#E1F1E8, #877A00, #005138, #3D3700, #000201)
- Antique Onyx color palette (#E3F5E6, #007564, #004351, #3C0026, #000707)
- Airy Ultramarine color palette (#DDF2F6, #00AC9B, #0056B8, #005950, #00030F)
- Tempered Abyss Lantern color palette (#D8E3E3, #A3B7BC, #7193A3, #00503E, #000E0F)
- Frosted Emerald Canyon color palette (#ECF0E0, #00AF51, #006C7E, #00642B, #000502)
- Navy Meadow color palette (#D3E6EE, #00646D, #002462, #002327, #000105)
- Linen Aubergine color palette (#D9E7F0, #009BC8, #7426A0, #004E66, #05000A)
Browse the whole catalog at Explore, or see today's palette.