Obsidian Pine color palette — #E3E3D2 · #337A2E · #00421E · #00251B · #000400

Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#E3E3D2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#337A2E): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00421E): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#00251B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pine Basin color palette (#ECEED6, #488959, #005133, #00303A, #000B02)
• Faded Jade Canyon color palette (#E4E8CB, #3EAD6A, #006C4A, #004940, #001C0A)
• Weathered Harbor color palette (#F8F2DC, #A0B06C, #507A00, #005952, #1D2400)
• Patina Terrace color palette (#F0F3E9, #BACAA5, #54907F, #536852, #273800)
• Deep Aubergine color palette (#E7E6FF, #4E00BC, #730044, #003442, #010008)
• Inked Corridor color palette (#DAEEFF, #005BA1, #003377, #040057, #020019)
• Frosted Navy color palette (#DDE1FC, #9888DE, #9763C1, #153896, #14000C)
• Velvet Aubergine Boulevard color palette (#E0E2FE, #5F5ED8, #35009A, #0E003A, #01000A)

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