Soft Drift color palette — #FFF0FA · #9EE9EA · #00BEE3 · #009D68 · #003754
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#9EE9EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00BEE3): A luminous, balanced blue — the color of deep harbor water.
- Fern (#009D68): A luminous, balanced teal — the color of sea glass.
- Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Muted Periwinkle color palette (#FFF0F8, #A1E5FF, #50B2FF, #00988F, #152975)
- Worn Mint color palette (#DDEEE3, #00D1AD, #00AAA9, #007D8F, #00374E)
- Washed Teal Villa color palette (#FAF3F8, #D2E1F8, #86C6ED, #4AAB98, #354962)
- Azure Quarry color palette (#F2E2ED, #8ACDD3, #00A1CA, #00805E, #00213B)
- Jade Hollow color palette (#DDFCFF, #CADCFD, #DAB4E8, #00B387, #003E49)
- Airy Drift color palette (#DDF1F5, #00BACD, #FF5A60, #F73E07, #002A2F)
- Tempered Aqua Harbor color palette (#C8F5FF, #49DBFC, #00ACC8, #00798F, #001C21)
- Worn Petrol color palette (#FBEFE9, #77CCCD, #007F98, #005436, #001C2F)
Browse the whole catalog at Explore, or see today's palette.