Softworn Drift color palette — #FBF3EF · #CAE3D5 · #6A8EB1 · #1D725D · #5B3C52

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#CAE3D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6A8EB1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1D725D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3C52): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Hushed Loft color palette (#FCF3F1, #CFE3CD, #5095AB, #436E44, #2A5047)
• Washed Cobalt Courtyard color palette (#FAF4EE, #A2D1BF, #5B77AF, #00605A, #3B3459)
• Ancient Cypress Archive color palette (#EDF4EE, #C3E1F2, #5F95B4, #006C6C, #152E46)
• Amber Study color palette (#E3FCF1, #5FA9D2, #C26F5F, #006E99, #48413D)
• Airy Cerulean color palette (#BCF2D8, #4FB9B3, #008BA0, #17628E, #3A446A)
• Dusty Lagoon Harbor color palette (#E5FCEE, #F3DAD5, #E7BCE2, #48846D, #34574B)
• Abyss Lantern color palette (#F8E5DE, #468D94, #00425C, #002411, #000622)
• Powder Studio color palette (#FBF2F8, #D3E1F9, #83C4FF, #61A891, #3C4760)

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