Charred Pine color palette — #FADFD1 · #00813C · #003D87 · #140C16 · #030003

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

The five colors

• Shell Pink (#FADFD1): A whisper-light, dusty orange — the color of autumn markets.
• Olive (#00813C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003D87): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#140C16): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged neon, dark, vibrant, 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

• Moonless Brick Studio color palette (#DBE1D5, #B20808, #005C70, #060A0E, #000201)
• Lowlit Aubergine color palette (#DFF6E5, #765A00, #5F00A1, #1C080D, #040001)
• Ultramarine Parlor color palette (#FBE1CC, #729A0B, #2634E3, #02002C, #000109)
• Inked Onyx color palette (#F3DAEA, #4C6200, #100045, #0E0203, #01000A)
• Softworn Courtyard color palette (#EDDFE2, #9B8887, #7D645D, #440053, #040001)
• Tempered Delta color palette (#CEF4F5, #757200, #A10099, #170308, #040001)
• Softworn Indigo color palette (#FAEAD4, #00BDAE, #5360EA, #0D1031, #060104)
• Twilit Summit color palette (#F5E3EC, #3C008E, #222F00, #0D1500, #010008)

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