Hushed Pine color palette — #DFE2DA · #8FA7A1 · #708E8F · #00764A · #070B01

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

The five colors

• Bone (#DFE2DA): a clean, paper-quiet neutral.
• Taupe (#8FA7A1): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#708E8F): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
• Ink (#070B01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Petrol Atelier color palette (#DAE5DC, #93A4A6, #A28789, #00707C, #000D03)
• Aged Quarry color palette (#D5E3E3, #96A8AC, #688D9B, #00523B, #000C0D)
• Ancient Lagoon Alley color palette (#EAEACC, #4C9A7F, #006F77, #3A5021, #000805)
• Aged Drift color palette (#DCEBEA, #7D9197, #4F6F86, #00331C, #000202)
• Weathered Orchard color palette (#E4F3DC, #2F928C, #50648B, #68422E, #1D0700)
• Tempered Lagoon color palette (#DAE1DB, #AFC5C7, #C7A7AB, #00929A, #172219)
• Gentle Sapphire Chapel color palette (#E0EBD7, #8DAE00, #00A79E, #2B72F3, #000405)
• Patina Harbor color palette (#E2EFDE, #008478, #9A0D59, #670038, #050100)

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