Weathered Drift color palette — #F9F5EA · #9DBA8D · #3A836B · #406253 · #464500
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Sage (#9DBA8D): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3A836B): A full-bodied, balanced teal — the color of sea glass.
- Pine (#406253): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#464500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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 Fern color palette (#F6F6EA, #76C1A5, #328087, #615C0B, #324B08)
- Washed Olive Villa color palette (#FFF3E9, #BFAF7A, #657D44, #6D505A, #563E00)
- Ancient Fern color palette (#F5F7E9, #BFCAA1, #609E81, #67775F, #3D4900)
- Hushed Boulevard color palette (#FBF5E6, #7CAA6C, #07745C, #663F3C, #35362F)
- Lagoon Veranda color palette (#E9F5F3, #8EBEBC, #468369, #2C5D65, #102D2C)
- Hushed Atelier color palette (#EBF9F2, #ACE2D9, #7EBBA1, #5B9CA8, #2A4944)
- Softworn Cerulean color palette (#FEF2EC, #C5E6D0, #5691BC, #317058, #573F52)
- Muted Harbor color palette (#F0ECD3, #03AD68, #006865, #0D4477, #00381E)
Browse the whole catalog at Explore, or see today's palette.