Worn Drift color palette — #FFF2EC · #ABD0B1 · #2C83A1 · #006247 · #153D5E

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Pistachio (#ABD0B1): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#2C83A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006247): A full-bodied, balanced teal — the color of sea glass.
• Navy (#153D5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Cobalt color palette (#FEF3EA, #A5D0BF, #4E79B5, #005F62, #4E2E44)
• Cerulean Boulevard color palette (#E8F5F2, #ADCDD9, #268A99, #005C56, #00252E)
• Wandering Turquoise color palette (#F5F6ED, #BDDEC3, #40A5B7, #007C77, #004251)
• Ancient Petrol Coast color palette (#F9ECE2, #87B9D2, #206AB2, #00504F, #20275B)
• Washed Dune color palette (#E0FFE5, #B4E5EA, #ABA7D8, #23836B, #1F4538)
• Hushed Abyss Balcony color palette (#E9DBD5, #488C96, #00435A, #00231A, #000919)
• Weathered Rust color palette (#DCF6E3, #009FB2, #B25A5B, #00626E, #562324)
• Patina Courtyard color palette (#FAF3F8, #BCE8F9, #4CC1EA, #31A17D, #243D54)

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