Hushed Pine color palette — #F0E5F1 · #80D0CB · #00A2C2 · #22821F · #00213B

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

The five colors

• Blush (#F0E5F1): bright and airy, almost weightless.
• Aqua (#80D0CB): A luminous, dusty teal — the color of sea glass.
• Cerulean (#00A2C2): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#22821F): A full-bodied, vivid green — the color of a quiet forest floor.
• Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Grove color palette (#F6E5F0, #80CDE4, #4D97D9, #008065, #161847)
• Petrol Workshop color palette (#EFE7DC, #7FBFBA, #00848F, #005C41, #00242D)
• Periwinkle Quarry color palette (#FFF0F9, #A1E5FE, #62AFFF, #009A80, #29266E)
• Emerald Quarry color palette (#FBF1FC, #B0F3F3, #2EC8F9, #31AB57, #204168)
• Frosted Drift color palette (#B9EEE1, #8ED3E2, #94AEED, #AD8000, #002F2E)
• Spruce Alley color palette (#EFDDD9, #5DACA6, #006377, #073D04, #000C1A)
• Indigo Lagoon color palette (#F3E4E9, #7CA6C7, #5369D3, #005D5D, #0F0022)
• Ancient Grove color palette (#E3F1E0, #54C974, #009A53, #006834, #001003)

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