Charred Pine color palette — #E4E1D0 · #33784D · #003F3C · #001F3B · #000401

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

The five colors

• Parchment (#E4E1D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#33784D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001F3B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Charred 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

• Nocturne Summit color palette (#F0DCC6, #706A12, #104200, #002426, #030300)
• Olive Lagoon color palette (#EBDDC7, #59721F, #004227, #3B0228, #020300)
• Lagoon Cabin color palette (#C9E9E5, #50A081, #005A52, #00313B, #000201)
• Washed Loft color palette (#E7DECB, #789960, #00654A, #58243D, #091600)
• Hushed Navy Market color palette (#F3E3D6, #4A94B7, #0F4496, #002C27, #050018)
• Velvet Aubergine Veranda color palette (#E9E4F4, #5F00AA, #2D4700, #00321E, #020007)
• Tempered Grape Grove color palette (#FBE5F1, #5841B9, #365400, #2B0074, #010300)
• Worn Taupe Cabin color palette (#FFF0D8, #9AB365, #2E7C54, #683A5B, #1B2500)

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