Hushed Coast color palette — #F9F4ED · #B8E8EE · #96CCF0 · #879973 · #3E5348

Sky and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#B8E8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#96CCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Moss (#879973): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3E5348): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed 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

• Patina Cypress Alley color palette (#EFF7F5, #CDE0F1, #71A2B1, #17806D, #345866)
• Seafoam Veranda color palette (#FFF2EE, #F3D4C5, #7AE0DC, #CC8287, #394C37)
• Cocoa Hollow color palette (#FFF2ED, #E0DACE, #CFADA7, #9DB3B3, #763E14)
• Ancient Workshop color palette (#F3E8D6, #50B3BB, #005F72, #002C25, #000103)
• Softworn Pier color palette (#FBF4EA, #D4D8E9, #4ABCEB, #008882, #00385B)
• Antique Azure Thicket color palette (#FCF4E8, #C2EDFF, #3E9BD4, #00696E, #001D42)
• Washed Workshop color palette (#FEF4E5, #DBE5BB, #C0AB8A, #9F6F37, #4B3F00)
• Timeworn Thicket color palette (#FFF2ED, #FFB6B1, #9BC998, #8CA2CC, #3E3634)

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