Hushed Pine color palette — #ECF4F3 · #CDD8DF · #A2BCC8 · #157840 · #0E2524

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CDD8DF): bright and airy, almost weightless.
• Ash (#A2BCC8): A luminous, dusty blue — the color of open sky before noon.
• Pine (#157840): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0E2524): 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

• Washed Emerald color palette (#F4F6F0, #D3DFD8, #A1BCBC, #2FA16D, #2D2F29)
• Hushed Fern Chapel color palette (#E8F5F2, #7DAD91, #1E736A, #384F1C, #002313)
• Timeworn Summit color palette (#EBF3F8, #D5D5E0, #B6BED9, #00759C, #182731)
• Muted Abyss Ridge color palette (#DEE6E6, #A8B6BA, #79919F, #005138, #000E0F)
• Inked Cypress color palette (#CEEBF1, #007569, #00293A, #000F13, #000303)
• Aged Cocoa Coast color palette (#D3E5E1, #84B4BB, #5F7A8E, #663D31, #1D341C)
• Aged Denim Terrace color palette (#E4EAEE, #C4CCDA, #9FA2B9, #005B89, #091723)
• Wandering Onyx Studio color palette (#E4EBEF, #838F9B, #5F6B84, #002F3A, #000103)

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