Hushed Drift color palette — #FBF2F8 · #C6E2EA · #3C97AE · #00754A · #2F4B61

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Silver (#C6E2EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3C97AE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00754A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2F4B61): A full-bodied, dusty blue — the color of deep harbor water.

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 Lantern color palette (#FCF2F6, #CADFF3, #748AB8, #006F7A, #3E4663)
• Wandering Turquoise Boulevard color palette (#EDF8F5, #C4E2FF, #2DB9C4, #398A7D, #2E4C59)
• Dusty Cerulean color palette (#F2F2EA, #C8E6C8, #16A0AA, #196C61, #123420)
• Washed Coast color palette (#FAF3F8, #A6CCDC, #0E83B0, #006250, #183B64)
• Denim Study color palette (#EFE0EB, #619AA1, #00516A, #003124, #00152A)
• Softworn Boulevard color palette (#FCF3EF, #BCF3E3, #81CADC, #77A488, #285143)
• Wandering Market color palette (#E9FAF1, #8BB0A6, #79753A, #6C4B00, #214442)
• Pine Corridor color palette (#F6F3FF, #AC71A5, #60893C, #007D4A, #3B324F)

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