Hushed Pine color palette — #FDF1FC · #CFD8ED · #50BBF1 · #008D57 · #1A3264

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

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Powder Blue (#CFD8ED): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#50BBF1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D57): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A3264): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Azure Basin color palette (#FDF1FB, #D2DAF6, #00A4EF, #007652, #0D1A5D)
• Periwinkle Station color palette (#FFF1F6, #D8D3DE, #95A7FE, #00878B, #402361)
• Aqua Corridor color palette (#FCF4E8, #A1F5FC, #00CBF1, #00A890, #004661)
• Weathered Teal color palette (#F9F3F7, #D6D4E1, #BCC2F2, #5DA18D, #434D65)
• Wandering Cerulean Atelier color palette (#FFF2ED, #67E4EC, #008BB8, #156A3C, #264067)
• Aged Petrol Summit color palette (#F5EAF5, #7AC5C9, #007194, #00411D, #00020B)
• Antique Iris color palette (#E8FBE7, #FFCC89, #9494F0, #AB7000, #291E69)
• Muted Thicket color palette (#F1E2EA, #7BA9C3, #254FA2, #002C28, #010008)

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