Pine Lantern color palette — #FDF2F0 · #CEE3CD · #3497B5 · #337239 · #2C4A69
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF2F0): a clean, paper-quiet neutral.
- Celadon Mist (#CEE3CD): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#3497B5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#337239): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#2C4A69): A full-bodied, dusty blue — the color of deep harbor water.
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
- Cerulean Delta color palette (#FAF4F0, #CBE3D5, #5C8EC2, #00735E, #5B3C51)
- Dusty Harbor color palette (#EDF4EE, #C0E3ED, #3F9CAA, #006F53, #0B3042)
- Aged Archive color palette (#FEF3EE, #AFCEB9, #3F7FA9, #006345, #2B3861)
- Muted Orchard color palette (#F8F4EE, #C5E5DB, #2CB8CA, #348C6F, #334F41)
- Softworn Onyx Meadow color palette (#F8EBE6, #459EA7, #00506F, #00321A, #000E3B)
- Antique Olive Loft color palette (#F6F7E3, #88AB79, #A375B1, #377800, #52365B)
- Navy Atelier color palette (#EAE1D9, #5C8C7C, #172E8F, #002221, #0D0024)
- Hushed Villa color palette (#FCF4EB, #B0D2F4, #6A73D8, #00666B, #4D2E6C)
Browse the whole catalog at Explore, or see today's palette.