Pine Garden color palette — #CEE9DC · #2A7B35 · #3E383F · #00222F · #000306

Olive and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CEE9DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#2A7B35): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3E383F): a grounded near-black with real depth.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

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

• Aged Emerald Canyon color palette (#CCE5F6, #3D9A46, #003E52, #00121A, #000204)
• Timeworn Petrol color palette (#F6EFF6, #BBCAA1, #456387, #3B2A3C, #181119)
• Abyss Thicket color palette (#DBEAE0, #004750, #2D2300, #051100, #000201)
• Muted Rust color palette (#E2F1FF, #AD4924, #372B27, #001F33, #00050C)
• Deep Aubergine Loft color palette (#C3EADC, #00486D, #580165, #002313, #000103)
• Timeworn Navy color palette (#E6DBE3, #AD99A5, #907180, #242B75, #090207)
• Ancient Mulberry color palette (#FBEEEF, #DFA38D, #704367, #3F1A1F, #15080A)
• Ember Basin color palette (#D1E8E0, #D66951, #002E4B, #090F13, #000103)

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