Hushed Pine color palette — #FDF3EE · #D2D9ED · #6CAFD6 · #357F5B · #3F223C

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Silver (#D2D9ED): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#6CAFD6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#357F5B): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3F223C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Turquoise Canyon color palette (#FDF2F0, #CBE2FB, #3FB7D5, #4E7C49, #0C362D)
• Powder Boulevard color palette (#FBF4EE, #D7D5E3, #9BBDED, #489185, #513546)
• Aged Iris Workshop color palette (#FEF3EA, #CBEBFF, #6C90DD, #006A65, #201739)
• Hushed Pine color palette (#FFF2EE, #B2FFFA, #00ABCE, #107816, #002645)
• Antique Canyon color palette (#FBF2F8, #A9CBD9, #2283AA, #00624E, #173C63)
• Gentle Summit color palette (#DEFFEA, #60E1FF, #DF7468, #00849C, #461511)
• Weathered Seafoam color palette (#DCFFE9, #00EACF, #00A2B4, #005E79, #1B3056)
• Worn Dune color palette (#E7FBEB, #DDD7E2, #A7A198, #76AA86, #1F3D31)

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