Hushed Pine color palette — #FFF4E2 · #93A048 · #007E4B · #4B4678 · #3E3E36
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#93A048): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#4B4678): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#3E3E36): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro, 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
- Hushed Moss color palette (#FFEEE4, #AE9E00, #1B7C6B, #533B60, #252408)
- Frosted Moss color palette (#F7F6E7, #7A9441, #00717B, #473C7D, #57262E)
- Olive Garden color palette (#FFF4E2, #C18B4A, #6F6E00, #185375, #413C36)
- Weathered Jade color palette (#FFF4E2, #44AD86, #007882, #6F3564, #33422B)
- Weathered Mustard color palette (#FFF0F9, #C3B346, #3F9885, #745583, #20453D)
- Dusty Cocoa Pier color palette (#F3F0D2, #AFB991, #6F8B69, #735862, #723716)
- Antique Market color palette (#DFFEEF, #B7D391, #81B388, #408DA4, #19463F)
- Lime Market color palette (#F7F6E5, #F1D975, #97D46B, #00A88C, #3A3B34)
Browse the whole catalog at Explore, or see today's palette.