Charred Pine color palette — #D3E7D5 · #00743E · #004028 · #00251B · #000705

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D3E7D5): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#00743E): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004028): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00251B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Pine Delta color palette (#E3EED5, #108119, #00492D, #002D27, #01151F)
• Twilit Cypress color palette (#D9F1EC, #008073, #00473F, #001713, #000201)
• Weathered Emerald Canyon color palette (#E9EEE0, #2CA20D, #005D3F, #002925, #000203)
• Fern Villa color palette (#F3F1DF, #615F00, #363800, #161C00, #030800)
• Shadow Meadow color palette (#CCE7E2, #00564D, #003F71, #2C3300, #000201)
• Teal Station color palette (#DBE4D8, #00B0B2, #008092, #004B36, #000807)
• Worn Cerulean color palette (#DBF3F5, #009AAE, #006176, #003F50, #001B28)
• Ancient Grove color palette (#EBDCE4, #8716F9, #006B8E, #070B12, #000201)

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