Wandering Drift color palette — #FBF3F0 · #C3E6D0 · #4E91C3 · #277158 · #563F50

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C3E6D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4E91C3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#277158): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#563F50): 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 Wandering 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

• Weathered Cypress color palette (#F9F4EF, #C5ECF2, #8D95C7, #227C82, #644A53)
• Dusty Veranda color palette (#FEF2EC, #97DBE7, #0089C4, #006A47, #2A3D6E)
• Ancient Cypress Chapel color palette (#EBF5ED, #BDE3F6, #5B96B3, #0F6C69, #182E42)
• Hushed Teal Alley color palette (#E2F0C9, #3AC2B9, #008B9C, #005E86, #5D4158)
• Ember Studio color palette (#E8FAF2, #4BABD9, #CB685F, #006F96, #603430)
• Weathered Meadow color palette (#E4FCED, #DED8E1, #E6B4F0, #538B72, #3E534A)
• Lagoon Drift color palette (#F9E9E3, #458D91, #004359, #00240E, #00081D)
• Weathered Teal color palette (#FAF3F8, #D2E1F9, #94C4E4, #56A99A, #354963)

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