Hushed Pine color palette — #FDF1F9 · #9FEBE6 · #00AEC6 · #008849 · #054660

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Sea Foam (#9FEBE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00AEC6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008849): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#054660): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Drift color palette (#FAF4EB, #CBE2FC, #00C5D5, #008C64, #003C4A)
• Dusty Azure color palette (#FDF1F8, #A2E7FF, #12A4F8, #008379, #293D6E)
• Cerulean Thicket color palette (#F6EBF3, #83D4D9, #0094B9, #006F4F, #0A304C)
• Chalky Bloom color palette (#FEF2EF, #D0EFCC, #1FCAF0, #53A74D, #11436A)
• Antique Powder color palette (#F9F3F8, #D5D5E8, #81BAD5, #5C9381, #445466)
• Quiet Study color palette (#F2E3EB, #7ABCD3, #007BBE, #005A53, #091A4A)
• Wandering Terrace color palette (#FAEAF5, #539EB3, #005E8C, #003C35, #000525)
• Worn Cornflower color palette (#E9FBE9, #F9AF2C, #218EEB, #9F6C00, #003C6C)

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