Pine Drift color palette — #EFF7F6 · #D0DFE7 · #AFC7D6 · #068E45 · #0A2322

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D0DFE7): a clean, paper-quiet neutral.
• Ash (#AFC7D6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#068E45): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#0A2322): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Terrace color palette (#ECF8FB, #D3DCE8, #B8C1D3, #00878B, #0B2228)
• Weathered Olive color palette (#F0F7F3, #D1DEDE, #AAC9CD, #847800, #12221A)
• Ancient Alley color palette (#E6F1EF, #C9D5DC, #A6BFDC, #6CA269, #1E3230)
• Fern Market color palette (#E3FBF7, #93CB9C, #33895F, #305E1E, #001F08)
• Lagoon Atelier color palette (#C7EEF3, #008A75, #44413A, #002B2A, #000506)
• Ancient Forest Parlor color palette (#EDF0E8, #C7D0BC, #98A58F, #206439, #2C3022)
• Navy Balcony color palette (#D9FFF5, #00BE93, #007B78, #01309C, #001712)
• Aubergine Archive color palette (#D9FAFF, #A7CDE4, #5488B1, #633F7B, #462144)

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