Pine Drift color palette — #ECECD2 · #337D45 · #004230 · #182800 · #001504
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#ECECD2): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#337D45): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004230): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#182800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Drift 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
- Fern Workshop color palette (#EEE2CC, #5F6200, #1D3200, #001C10, #060600)
- Dusty Drift color palette (#DAF3ED, #008078, #004D51, #002831, #00131D)
- Patina Atelier color palette (#E5F4ED, #469757, #006056, #3A3B02, #001504)
- Garnet Summit color palette (#D3EADA, #006B79, #91001A, #00333A, #260002)
- Dusty Market color palette (#D1EFF8, #005667, #70005F, #393000, #00090D)
- Gentle Pine Ridge color palette (#FDF5DE, #95AF59, #357B2A, #0C5F4C, #344016)
- Indigo Market color palette (#CFEBD8, #60A2D4, #5D6BD8, #004C4C, #001E2D)
- Timeworn Lantern color palette (#F4F6ED, #A6B693, #1F847A, #456151, #334B06)
Browse the whole catalog at Explore, or see today's palette.