Hushed Pine Coast color palette — #F9F1E1 · #97A86D · #217738 · #64354B · #201D07

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#97A86D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#217738): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#64354B): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#201D07): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed Pine Coast 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 Cypress Studio color palette (#F2F3E4, #6CB097, #007374, #65392B, #152006)
• Antique Pine color palette (#F8F1E3, #9BB271, #00813B, #5B4B00, #252100)
• Muted Coast color palette (#FBF5E5, #99A166, #576B2E, #4F4A44, #37352F)
• Hushed Forest color palette (#F5EFDE, #789968, #006543, #3E3B00, #061700)
• Softworn Olive color palette (#E4F6CA, #A3B763, #5B6C00, #2B3500, #081000)
• Washed Lagoon color palette (#ECF9F2, #CED6A1, #7A9642, #7E5565, #132E25)
• Softworn Indigo color palette (#EFE7D0, #887F00, #5B5AD6, #7D3C88, #1A1300)
• Olive Quarry color palette (#F2EAD3, #618540, #005130, #481427, #030A00)

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