Shadow Pine color palette — #DCE3C8 · #007C3D · #003E6A · #2C001F · #020100

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

The five colors

• Celadon Mist (#DCE3C8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#007C3D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003E6A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#2C001F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, muted.

Use it as a design system

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

• Olive Dune color palette (#EDEBDA, #5F7000, #00444C, #1B003F, #040000)
• Shadow Fern Delta color palette (#DBEFE9, #3D5200, #002C4B, #26000A, #040000)
• Twilit Lagoon color palette (#DDECD8, #00786D, #1700B4, #2D0019, #020100)
• Softworn Forest color palette (#DBE7CD, #6A6269, #005C42, #141D21, #000707)
• Patina Lagoon color palette (#D2E3DC, #009B8B, #006360, #002427, #000102)
• Weathered Meadow color palette (#F4EDE3, #61CACC, #007485, #003F31, #000305)
• Petrol Workshop color palette (#E0F6E4, #549B91, #006D87, #441B3B, #180004)
• Muted Emerald Cabin color palette (#E6E2CA, #5FA150, #005D38, #273000, #010100)

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