Hushed Pine color palette — #FBF2F8 · #C2E3EB · #3599AC · #257347 · #2C4B62

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 (#C2E3EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3599AC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#257347): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C4B62): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Wandering Cypress color palette (#FAF3F7, #D7DFF1, #749EC3, #267E78, #485366)
• Wandering Lagoon color palette (#F2F3E9, #AAEAE7, #319FA4, #316A5E, #183321)
• Cerulean Terrace color palette (#FBF2F9, #9CCDE1, #0C83AC, #00624D, #233C57)
• Softworn Teal Pier color palette (#F9F4EE, #C1ECDE, #70CEDA, #59AA8B, #2D503E)
• Muted Cerulean Study color palette (#F8EAF4, #1BA2AB, #005268, #003122, #001528)
• Antique Wisteria Station color palette (#E8FAF6, #7EB064, #B072D0, #376F07, #413D60)
• Softworn Glacier color palette (#E2FCF5, #BEE7EB, #8AD6ED, #807A49, #3E5755)
• Weathered Cornflower Villa color palette (#FDF2F5, #ADD3F5, #5176E7, #006571, #3F3864)

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