Hushed Pine color palette — #EDF8F6 · #CFDCE5 · #A3C1D2 · #16802D · #2E4542

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#CFDCE5): a clean, paper-quiet neutral.
• Ash (#A3C1D2): A luminous, dusty blue — the color of deep harbor water.
• Olive (#16802D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#2E4542): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Bronze Summit color palette (#EFF7F3, #CDDDE0, #A6C2C5, #7A6A00, #31453A)
• Worn Cypress color palette (#EFF7F9, #D5DAE9, #AFBDD6, #007A7A, #2F4449)
• Worn Pine color palette (#F1F3EA, #CCDAD3, #AEC7AD, #008043, #232715)
• Tempered Thicket color palette (#E8F0F0, #BED0D5, #89A5B8, #00663A, #203231)
• Hushed Fern color palette (#E2FCF2, #76B38B, #007A74, #4E570C, #1E442C)
• Hushed Jade Boulevard color palette (#F5F6EC, #CAE3D8, #A5CFCC, #7BB679, #3F4400)
• Nocturne Corridor color palette (#C8F5FB, #007A68, #00303F, #001D20, #00090C)
• Wandering Abyss color palette (#E4EEF1, #9BACB9, #727F9C, #004043, #02171D)

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