Worn Drift color palette — #FFF1F6 · #B97000 · #007C96 · #00576A · #1F1B2D

A conversation between Ochre and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ochre (#B97000): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007C96): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00576A): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#1F1B2D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Ember Lantern color palette (#FFF0FA, #EA5034, #007A99, #005C74, #131F36)
• Weathered Amber Terrace color palette (#FFECF2, #D17F00, #2C75B8, #464884, #2E224D)
• Misty Moss color palette (#E5FCEE, #929E1D, #4D59AD, #3D4784, #26172C)
• Worn Chestnut Lantern color palette (#FBEAF1, #8F5A00, #004D7D, #003151, #0F0014)
• Ancient Raspberry Coast color palette (#FFF0FE, #E12F65, #00856A, #005C48, #141F36)
• Timeworn Nightshade color palette (#FDF4E7, #C49445, #007D5D, #3E449D, #170400)
• Worn Bronze color palette (#DFF4E6, #987E00, #214843, #17261C, #140A0E)
• Brick Bloom color palette (#FFF2EE, #A84351, #074F92, #3E296C, #341516)

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