Hushed Pine color palette — #FDF1FC · #A9E9E9 · #00ABD7 · #258741 · #1C416A

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Sea Foam (#A9E9E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ABD7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#258741): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1C416A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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 Cerulean color palette (#FEF0FC, #83DBE5, #0098CF, #007746, #133064)
• Ancient Azure Quarry color palette (#DCEEFF, #27A1FC, #909800, #3D8A41, #0A3352)
• Timeworn Archive color palette (#FEF1F6, #B6E1FF, #6F95FF, #00837F, #443567)
• Muted Sky color palette (#F9F3F7, #D7D5E7, #7BB8E8, #56957C, #485366)
• Teal Balcony color palette (#EAF9F6, #A5F5F8, #46CBDB, #00A799, #004855)
• Cerulean Lagoon color palette (#EEF6FF, #EBD4EC, #FCB7AA, #009EAD, #423F66)
• Hushed Sapphire Hollow color palette (#EBE0E5, #71BCDD, #0770E2, #005A4F, #1D1644)
• Misty Denim Garden color palette (#F9EAF2, #489EBF, #0056A9, #003C33, #080127)

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