Hushed Pine color palette — #F8EDE7 · #8BCECB · #00A3BD · #00824B · #002234

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EDE7): bright and airy, almost weightless.
• Aqua (#8BCECB): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00824B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002234): 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

• Azure Lagoon color palette (#F6ECE6, #90CADD, #1D9BE3, #007E72, #011754)
• Soft Sky Veranda color palette (#F9EBE5, #BCDDC4, #02B3ED, #009477, #042E57)
• Softworn Lagoon Meadow color palette (#D6E7E3, #77C0BD, #00858A, #005B4D, #002529)
• Timeworn Scarlet color palette (#F3E1DA, #E77573, #00A593, #D3002C, #00201C)
• Patina Corridor color palette (#EADEE6, #4CAEAA, #006372, #003C1E, #000C16)
• Weathered Sapphire Quarry color palette (#F2EBE3, #78A5CE, #4B6BD4, #005B67, #0B0027)
• Jade Summit color palette (#FBF3F0, #C5E9E1, #87C8E3, #2AB189, #2B4A67)
• Ember Thicket color palette (#FCEBE2, #EA5226, #00997E, #0082A0, #270400)

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