Hushed Pine color palette — #FFF0D7 · #97B45E · #007F50 · #5B3F69 · #252100

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF0D7): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#97B45E): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F50): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#5B3F69): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#252100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Worn Veranda color palette (#F6F2E5, #7AAF7F, #187467, #5E3B3E, #1B1E05)
• Misty Moss Terrace color palette (#FBE0BE, #959D00, #006F28, #553700, #161800)
• Muted Olive color palette (#FDF5DE, #A3AA57, #5C7403, #724512, #3B3E15)
• Frosted Stone color palette (#E4FCEC, #ACC677, #549864, #91526D, #334011)
• Ancient Chestnut Veranda color palette (#F8F1E6, #C9C5A0, #5F8F73, #7E5A12, #32312A)
• Tempered Grape Quarry color palette (#E4EBB0, #959E27, #7342BA, #7C1979, #181A00)
• Faded Lime color palette (#EDFBAC, #9BC800, #5D7F00, #343F00, #0A1200)
• Timeworn Amber Basin color palette (#F9EAE0, #CC9000, #6D6D00, #354900, #002F14)

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