Pine Lantern color palette — #FDF3EF · #C3DCC6 · #4BA0C7 · #1F7F4B · #223A60
A conversation between Teal and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF3EF): a clean, paper-quiet neutral.
- Celadon Mist (#C3DCC6): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#4BA0C7): A luminous, balanced blue — the color of open sky before noon.
- Teal (#1F7F4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#223A60): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Iris Atelier color palette (#FBF4ED, #BCDDD2, #7C91DA, #007C7C, #40315B)
- Weathered Cerulean Quarry color palette (#F0F7F1, #93D2D7, #00869F, #006152, #104055)
- Lagoon Boulevard color palette (#F9F4ED, #C5ECCB, #64C0D9, #389F8A, #184434)
- Lagoon Pier color palette (#FBF3F1, #CEE8E1, #8FBDA7, #5C966B, #604961)
- Soft Study color palette (#EDE3DE, #84BCC8, #007CBA, #005C42, #0E1551)
- Powdered Olive Market color palette (#EFF0DE, #89B67C, #C575B6, #308700, #4E2247)
- Denim Courtyard color palette (#F7E9E3, #5C9EA9, #005F89, #003E27, #01002F)
- Ultramarine Thicket color palette (#FAEDE3, #7BA8C5, #355CC9, #004A47, #19023A)
Browse the whole catalog at Explore, or see today's palette.