Weathered Emerald color palette — #E0E0C5 · #57A06F · #00644E · #004146 · #101400

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E0E0C5): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#57A06F): A luminous, balanced teal — the color of sea glass.
• Pine (#00644E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004146): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#101400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Emerald 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

• Softworn Fern color palette (#F7EFDC, #8B9549, #3C6118, #0F3D54, #171200)
• Cypress Loft color palette (#F1F4E5, #70B093, #007568, #2A5039, #171F09)
• Washed Lagoon color palette (#F6F1E6, #B0BA7C, #637F52, #3D5D51, #2C2710)
• Petrol Cabin color palette (#F1E8D9, #76BFD7, #0074A2, #004B4B, #00162E)
• Twilit Olive color palette (#E7DEC2, #537500, #00430C, #00203A, #020300)
• Velvet Forest color palette (#E7EAD6, #006943, #00322A, #0F0A38, #000201)
• Indigo Delta color palette (#FFE1F2, #7660FA, #726F00, #413490, #141300)
• Amethyst Drift color palette (#EFDBE5, #733BE6, #944400, #005A46, #19020F)

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