Pine Garden color palette — #EAE8F6 · #008151 · #2D141E · #330039 · #0B000E

Teal and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#EAE8F6): bright and airy, almost weightless.
• Teal (#008151): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2D141E): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Deep Indigo (#330039): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#0B000E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Nocturne Harbor color palette (#E4EAF9, #4E7C00, #18005B, #1F101E, #03001B)
• Nocturne Studio color palette (#E7D9E7, #647600, #3D000E, #231B06, #100002)
• Quiet Emerald color palette (#E7E1F5, #00B03B, #65005F, #32002E, #130923)
• Ancient Garnet color palette (#EFE9F0, #B8A2AE, #927C51, #6B002A, #1B0E1D)
• Gentle Garnet Field color palette (#E8DEF4, #A57C00, #65004C, #220018, #030007)
• Mulberry Pier color palette (#FADEE0, #89A233, #862F7D, #480042, #060001)
• Washed Garnet Lagoon color palette (#F7EAF3, #A0A057, #742405, #391509, #20101B)
• Frosted Villa color palette (#E9E5F5, #A02E9F, #373500, #440044, #000201)

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