Hushed Drift color palette — #F7F0EE · #CBE4CD · #4C98B7 · #097137 · #3B213C

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F0EE): bright and airy, almost weightless.
• Celadon Mist (#CBE4CD): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4C98B7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#097137): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#3B213C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Patina Iris color palette (#F6F1EC, #C0E6DA, #7C8AC0, #006C6E, #312446)
• Wandering Forest color palette (#FDEEEB, #9CDEDC, #0091B3, #006820, #002549)
• Hushed Cerulean Pier color palette (#F9F4EC, #C9E5CA, #259AAE, #00735C, #2F5041)
• Patina Turquoise Summit color palette (#F9F3F9, #C3EDF9, #4FB2D6, #56885F, #38495D)
• Soft Terrace color palette (#FFEDEE, #B178A3, #598F4D, #417B32, #311417)
• Petrol Loft color palette (#F1E7E3, #9DBDA2, #00759D, #004E2A, #001339)
• Weathered Denim Market color palette (#F7E5DD, #4997A3, #004F73, #002D1B, #00001F)
• Hushed Navy color palette (#EFE6DE, #4B7EA2, #1A2B90, #001F1E, #020008)

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