Pine Lantern color palette — #F2F8EA · #00925C · #00618D · #583E05 · #2A2918

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Fern (#00925C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00618D): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583E05): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2A2918): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Muted Denim color palette (#F0F8E8, #008766, #006399, #3C3C71, #2F2F1B)
• Lagoon Courtyard color palette (#F0F8EC, #00A287, #49719D, #5B5323, #363730)
• Olive Ridge color palette (#F9F5E7, #868400, #006B66, #6A352E, #362A1A)
• Airy Nightshade Balcony color palette (#E5FDE9, #00747F, #482CB3, #2A3E00, #00271D)
• Washed Canyon color palette (#F6F7DE, #15AEA2, #007885, #45487B, #304330)
• Weathered Nightshade color palette (#EEF5E3, #3B8D5F, #644B96, #6A2831, #170F00)
• Pewter Hollow color palette (#F2F7EF, #D1DFD9, #AFC6C0, #687B5B, #454942)
• Pale Veranda color palette (#BDFFF1, #07CAC5, #008B93, #005D69, #004252)

Browse the whole catalog at Explore, or see today's palette.