Pine Drift color palette — #EEF7F7 · #CFDBE4 · #A1B7C2 · #30734A · #2E3E3D
Pine takes the lead with Ash close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#CFDBE4): a clean, paper-quiet neutral.
- Ash (#A1B7C2): A luminous, dusty blue — the color of open sky before noon.
- Pine (#30734A): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#2E3E3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Dusty Lagoon color palette (#EFF7F7, #D0DBE2, #ADC2D2, #1F9668, #2B3F3F)
- Pine Parlor color palette (#F0F3EC, #CED9D3, #B0BBAC, #00784E, #1E2218)
- Washed Quarry color palette (#ECF7FF, #D8D8E4, #B4BBD3, #00749D, #2F4250)
- Teal Chapel color palette (#E6FAF5, #6DAA8A, #247069, #27544B, #0E3D3E)
- Timeworn Abyss Chapel color palette (#E4F0F0, #A9BDC2, #7B92A0, #00523A, #042426)
- Aged Ridge color palette (#E9EFF5, #C6CCD7, #9B9EB7, #165A84, #21303C)
- Antique Ash Delta color palette (#B8EAE6, #76B4B0, #587791, #69495C, #553235)
- Muted Spruce Summit color palette (#D9E1E5, #8D9CAB, #65708B, #00303D, #000B13)
Browse the whole catalog at Explore, or see today's palette.