Pine Garden color palette — #EDDBDD · #008D52 · #004965 · #3A0013 · #000201

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

The five colors

• Shell Pink (#EDDBDD): A whisper-light, dusty red — the color of late-summer berries.
• Fern (#008D52): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004965): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3A0013): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Hushed Orchard color palette (#ECD8E6, #827900, #004E44, #310036, #000200)
• Lowlit Navy Field color palette (#FBE9F1, #007462, #003161, #190700, #000102)
• Smoked Coast color palette (#FDD5D6, #006A2C, #003646, #36000B, #000F0B)
• Weathered Atelier color palette (#F4DAE2, #008887, #2129A9, #2A1600, #000102)
• Wandering Jade color palette (#D0E7E0, #2EA57B, #00595C, #213100, #000201)
• Dusty Abyss Hollow color palette (#C2E8F1, #6D6561, #005A56, #17191F, #00060D)
• Twilit Corridor color palette (#C7EDE8, #057F21, #530081, #2D0500, #040000)
• Weathered Bloom color palette (#E4EFDB, #239DA4, #445E92, #4B1E07, #1E0600)

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