Worn Drift color palette — #DFF7FB · #3AA18E · #006F8F · #333C6E · #192200

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

The five colors

• Ivory (#DFF7FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#3AA18E): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006F8F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#333C6E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.

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

• Softworn Hollow color palette (#E8F4F8, #63AAAD, #527598, #51436E, #0C2F15)
• Soft Navy Dune color palette (#E4F6F8, #32A28B, #00708A, #263C7A, #2A1138)
• Worn Garden color palette (#DFF7FC, #11A29B, #2F6A94, #4C4100, #00260E)
• Faded Market color palette (#B6EBF9, #008282, #00517A, #2D007A, #061200)
• Ancient Cypress color palette (#EAF4F2, #BFE3EF, #5999A4, #226B65, #00323D)
• Faded Nightshade Pier color palette (#DBE9F1, #007698, #3A329A, #152F00, #000E0D)
• Antique Moss color palette (#E7F6EF, #8F9436, #207554, #004955, #2F1800)
• Hushed Veranda color palette (#B3F2E8, #4DBBB7, #008286, #00555D, #00333B)

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