Pine Garden color palette — #E4E4B2 · #A1B27E · #4F854F · #00575E · #133446

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

The five colors

• Celadon Mist (#E4E4B2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A1B27E): A luminous, dusty green — the color of fresh herbs.
• Fern (#4F854F): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00575E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#133446): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Pine Garden 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

• Cypress Bloom color palette (#CBE6DE, #84B0AA, #477C63, #345568, #1B2C3B)
• Olive Summit color palette (#FDE9CB, #B9A45E, #7F7E08, #006553, #043741)
• Pale Mustard color palette (#FFE99F, #B9C274, #889F75, #3D7F7D, #31513D)
• Aged Forest color palette (#D6EBD6, #54866B, #006559, #00324F, #000A31)
• Moss Orchard color palette (#E1E1C9, #A4AC00, #607400, #334A00, #143200)
• Patina Taupe Harbor color palette (#FFDCC9, #B6A868, #60885D, #6F527B, #65374C)
• Washed Jade color palette (#FFF0F9, #EBD0A4, #87AE6E, #836CAB, #4C405D)
• Feathered Cobalt color palette (#D9FAF7, #40B25E, #0088DC, #006E2C, #00223D)

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