Hushed Drift color palette — #F9F3F8 · #BBE4F2 · #2396C3 · #37704B · #374960

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#BBE4F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2396C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#37704B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#374960): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Periwinkle Bloom color palette (#FAF3F6, #D9DEEF, #7C99D2, #2F7D76, #4D5165)
• Misty Olive color palette (#EFF6FF, #5789D3, #7E8200, #3F733C, #2A394C)
• Wandering Loft color palette (#FAF3F7, #9FCCE4, #2A7DBD, #00624B, #31385B)
• Wandering Cypress color palette (#F6F1E9, #C8E5CD, #5798AB, #176D5E, #103327)
• Dusty Stone Veranda color palette (#EFF6FF, #E0D9E2, #EBA7BB, #398393, #45495A)
• Muted Courtyard color palette (#FCF3EF, #C1EEE4, #7ACAE8, #58AB8B, #215246)
• Worn Boulevard color palette (#EFE1EB, #2B9FB6, #004E7A, #003122, #080C3A)
• Worn Garden color palette (#C4F5FF, #59B2DE, #4479DB, #565199, #584365)

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