Pine Lantern color palette — #E1F5F3 · #008E49 · #003D7B · #003D1C · #00030C
A conversation between Fern and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#E1F5F3): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008E49): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003D7B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Forest (#003D1C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00030C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Pine Lantern 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
- Faded Villa color palette (#DDEEEF, #008B6D, #471991, #003C2D, #020113)
- Washed Olive color palette (#DAE9E1, #807A00, #004947, #363300, #000406)
- Aged Onyx Archive color palette (#FFE1F8, #00766C, #004165, #4B0200, #001A1E)
- Grape Courtyard color palette (#D9F9FF, #00A498, #5700D8, #00524C, #090E2B)
- Tempered Studio color palette (#D6EEE1, #00897D, #005263, #00263F, #0B0047)
- Hushed Station color palette (#DBEEFB, #0095C2, #85007B, #004860, #10081D)
- Aubergine Meadow color palette (#D7EEF7, #006773, #3A005E, #002227, #02000B)
- Softworn Ultramarine Terrace color palette (#DEE0CF, #5BA84A, #3650CB, #1A6400, #0A0008)
Browse the whole catalog at Explore, or see today's palette.