Hushed Pine color palette — #F1F3E7 · #9BBF97 · #60A4D2 · #43833E · #07354E
Built around Fern, softened by Cornflower — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3E7): a clean, paper-quiet neutral.
- Sage (#9BBF97): A luminous, dusty green — the color of fresh herbs.
- Cornflower (#60A4D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#43833E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#07354E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Muted Cypress Market color palette (#EDF4EA, #87C0B5, #B69859, #008475, #34302A)
- Aged Parlor color palette (#F7F1E5, #C0B386, #57ADA7, #876F00, #21381E)
- Emerald Market color palette (#EBF9F6, #A9D1A2, #6BBBEE, #649D5C, #335067)
- Lilac Coast color palette (#EBF9F6, #96BD89, #B481CC, #558046, #4C4968)
- Dusty Olive Veranda color palette (#F6F1E5, #BBB588, #C68895, #7F7300, #472721)
- Frosted Cornflower color palette (#EBF8D8, #00B47A, #327EF1, #006D48, #001D4D)
- Muted Thicket color palette (#F0F4E3, #C8E2D1, #A1CEBD, #7A9772, #2E3D00)
- Timeworn Forest Boulevard color palette (#EFF6DC, #B6DCBB, #619A6D, #095F2D, #00280F)
Browse the whole catalog at Explore, or see today's palette.