Pine Drift color palette — #CFE4E4 · #008F5B · #004E51 · #004227 · #000102
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#CFE4E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008F5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004E51): A deep, shadowed, dusty teal — the color of glacier melt.
- Forest (#004227): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Tempered Olive color palette (#E5F3EF, #618700, #00503E, #2A3D00, #000102)
- Antique Lagoon color palette (#CBE9E1, #008C84, #004F52, #00252A, #00060A)
- Onyx Dune color palette (#E2F5F1, #00746C, #00444C, #19005E, #000707)
- Abyss Corridor color palette (#E1ECED, #A1B8BC, #6696A3, #00503E, #000E0F)
- Quiet Station color palette (#E3E9D6, #00AE67, #006E73, #006338, #000501)
- Nightshade Dune color palette (#DAE7F0, #2F97CE, #4C34C0, #004C6E, #01010C)
- Aubergine Lantern color palette (#D2EAFB, #004D68, #450067, #350020, #040000)
- Weathered Delta color palette (#EBF4F5, #67C9AA, #008397, #00765C, #011118)
Browse the whole catalog at Explore, or see today's palette.