Weathered Drift color palette — #FFF2EB · #B7D8BB · #008DAF · #006A4A · #03436B
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Pistachio (#B7D8BB): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#008DAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006A4A): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#03436B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Frosted Studio color palette (#FCF3ED, #9CD8F3, #3E84C3, #006763, #2B3A77)
- Cerulean Meadow color palette (#E4F6F3, #8BE0E4, #0094A3, #00635B, #002A33)
- Tempered Turquoise color palette (#F5F6EC, #A1EAED, #00AFC1, #00837A, #004856)
- Petrol Alley color palette (#F8ECE6, #99BBA3, #00719B, #005142, #0D2E54)
- Weathered Pier color palette (#FAF4F0, #CCE6E3, #70A0BF, #207F70, #624961)
- Softworn Navy Drift color palette (#F8EAE1, #53899F, #003E6C, #002221, #03002E)
- Pale Study color palette (#FCF2F9, #82FBFF, #02CAF4, #31A878, #0B4466)
- Weathered Courtyard color palette (#EEE4DD, #7BAB97, #0056A4, #003E3E, #151749)
Browse the whole catalog at Explore, or see today's palette.