Charred Pine color palette — #DFE8DB · #04761B · #004126 · #002118 · #000504

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#DFE8DB): bright and airy, almost weightless.
• Olive (#04761B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004126): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#002118): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000504): quiet, heavy and certain.

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

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

• Deep Meadow color palette (#D9F7E9, #006C5F, #00403D, #002124, #000507)
• Emerald Grove color palette (#DDE7DC, #00944F, #00643E, #003D2D, #001A14)
• Ancient Mulberry color palette (#CBF2F4, #006C4F, #840056, #003323, #090004)
• Fern Bloom color palette (#ECE8D9, #666600, #413500, #231500, #010200)
• Feathered Quarry color palette (#D0F5E9, #00B8BE, #0089B1, #00481B, #000C0B)
• Shadow Aubergine Drift color palette (#C7F2E4, #005646, #4B009A, #4B2200, #000201)
• Aged Lagoon color palette (#DCF3F1, #009DA4, #006679, #00374B, #001727)
• Muted Byzantium Lantern color palette (#F8E9D4, #9800E8, #006F76, #060D11, #000102)

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