Hushed Pine color palette — #F4F6F0 · #98D0A7 · #008CA4 · #337E4F · #243229

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Pistachio (#98D0A7): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#008CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#337E4F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#243229): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Cobalt Canyon color palette (#F2F7F1, #80D2C7, #507EC0, #007E74, #352935)
• Timeworn Olive color palette (#F7F5EE, #C8C482, #3C9068, #777008, #2C2F26)
• Washed Stone Ridge color palette (#F2F2EA, #ABD18D, #6982B8, #5D7D44, #1B131A)
• Muted Azure color palette (#EEF8F5, #BDDDA2, #68A1D2, #7C9668, #252F39)
• Washed Teal color palette (#FEF4E3, #5EBBAB, #2E839B, #754A5E, #3E4C3F)
• Cerulean Boulevard color palette (#EAFDD4, #8DCEC3, #0091A0, #006680, #144970)
• Hushed Aubergine color palette (#E0EDE3, #008694, #4600A1, #003940, #0B0005)
• Worn Teal color palette (#F1F8EC, #00BC9D, #006E93, #006553, #012418)

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