Hushed Pine color palette — #F8F2DD · #8DB579 · #007F55 · #593F6E · #222203

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

The five colors

• Cream (#F8F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8DB579): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F55): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#593F6E): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#222203): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Ancient Olive color palette (#F9F0E4, #B6B784, #5E804B, #6B495B, #2D2712)
• Moss Thicket color palette (#EEE4CC, #7CA448, #006D3D, #512B61, #0E1A00)
• Cypress Balcony color palette (#F4F4DA, #73B994, #007C73, #005373, #002817)
• Ancient Lagoon Station color palette (#E0FDEF, #99CB87, #209D71, #765E85, #294220)
• Hushed Loft color palette (#DEFDF8, #A0EEB7, #00AC79, #2E7589, #003635)
• Blush Dune color palette (#FFEDEB, #FF6CAC, #0E9B25, #920053, #012904)
• Olive Corridor color palette (#EFE2D1, #837C00, #2D4E00, #2D1D52, #090800)
• Softworn Cobalt Coast color palette (#F9F0EB, #8BDDFA, #008AD4, #00635B, #10214E)

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