Hushed Pine color palette — #F8F3F8 · #BEE4F0 · #5593AF · #06763B · #30496A
Built around Pine, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F3F8): bright and airy, almost weightless.
- Powder Blue (#BEE4F0): A whisper-light, dusty blue — the color of deep harbor water.
- Storm Blue (#5593AF): A luminous, dusty blue — the color of deep harbor water.
- Pine (#06763B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#30496A): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Tempered Hollow color palette (#FCF2F6, #C9DFF3, #7387C3, #007170, #414565)
- Weathered Orchard color palette (#F0F7F1, #C8E3FF, #39B6CE, #3F8A76, #2A4C61)
- Patina Cerulean Alley color palette (#F6F1E9, #CBE4CC, #009FB6, #006F59, #0D3425)
- Hushed Harbor color palette (#E6DDE4, #549CA9, #004F76, #003220, #04014A)
- Muted Grove color palette (#FAF2FF, #BD6A8D, #728438, #557500, #422F4C)
- Aged Delta color palette (#F4ECF2, #90B9C7, #007299, #00532E, #0C2B5E)
- Worn Cobalt Delta color palette (#F4F4FF, #EBD7DF, #E4C19B, #676FB1, #554961)
- Navy Alley color palette (#E9DDE1, #5F85A2, #202C8E, #002222, #0E0023)
Browse the whole catalog at Explore, or see today's palette.