Weathered Drift color palette — #F0F7F4 · #D8E5B8 · #67C7DF · #A0B65C · #213038

Sage and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Celadon Mist (#D8E5B8): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#67C7DF): A luminous, balanced blue — the color of deep harbor water.
• Sage (#A0B65C): A luminous, balanced green — the color of fresh herbs.
• Deep Forest (#213038): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Ancient Mint color palette (#EFF7F6, #B0EBE8, #90BBEA, #6DC087, #222F3D)
• Marigold Veranda color palette (#F2F7F2, #CAE7C9, #8DC7A4, #D4A056, #1A3332)
• Tempered Emerald color palette (#F5F6EF, #BBDCB4, #64AC98, #58A04B, #293025)
• Antique Driftwood Corridor color palette (#EBF9F3, #C5CD9D, #7AB0DA, #B76E78, #224C39)
• Misty Cerulean Station color palette (#D9FFF2, #B4EBE9, #72C8BB, #00A0AE, #004E72)
• Muted Clover color palette (#EAF9F6, #9FE494, #3DB0FE, #32B912, #001F37)
• Mint Pier color palette (#EFF7F6, #D5DBDF, #8CC598, #B1B1BD, #485655)
• Emerald Drift color palette (#E0EFEE, #83D19E, #019EEA, #00A25C, #000F1C)

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