Hushed Pine color palette — #E6F7EC · #96A77A · #337446 · #4C3D68 · #02221B

Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#96A77A): A luminous, dusty green — the color of new leaves after rain.
• Pine (#337446): A full-bodied, balanced teal — the color of sea glass.
• Navy (#4C3D68): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#02221B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Drift color palette (#DFF3EB, #699D64, #00654C, #4B2B4B, #001614)
• Weathered Pine color palette (#E5FBF6, #7BA87B, #2D7349, #255163, #153D39)
• Tempered Lagoon Quarry color palette (#EAF5F1, #88BFBB, #148871, #56506D, #0D2D2B)
• Hushed Moss color palette (#FFD9E5, #A89530, #4C6600, #38356F, #1B1600)
• Antique Lagoon color palette (#F6F6E7, #B0DEB1, #4F9D6E, #326D78, #272A0F)
• Cobalt Archive color palette (#F8EEF5, #95D3E1, #0086BA, #005D4E, #0B213A)
• Muted Canyon color palette (#EDE5F9, #DD78BB, #15923A, #7F0D63, #002407)
• Midnight Station color palette (#CCECE3, #297952, #00403A, #380033, #000401)

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