Soft Drift color palette — #FFDCCD · #C30516 · #006859 · #00425F · #3D0B09

Ruby and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C30516): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00425F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3D0B09): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Soft 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

• Gentle Rust Boulevard color palette (#FFDCCD, #AB4604, #006663, #003485, #381200)
• Wandering Brick Ridge color palette (#F0DAD4, #BF2C00, #006966, #004543, #1C0200)
• Terracotta Studio color palette (#FFE7D9, #9B2C00, #005447, #002E5D, #27061D)
• Weathered Garden color palette (#FFDBD7, #CF277F, #00591B, #00454D, #370D21)
• Worn Bronze Terrace color palette (#FFE1A2, #B56700, #5D5300, #003E56, #392400)
• Quiet Bronze Pier color palette (#FCECD4, #916900, #006B8C, #443B71, #32240D)
• Amber Study color palette (#FFF2EB, #CD7559, #3B8F86, #426186, #433B38)
• Dusty Chestnut Quarry color palette (#FFF3E9, #E3CFB7, #B2A77B, #8A4500, #38322D)

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