Hushed Lagoon color palette — #FAF3F8 · #D5D5E9 · #85BAD1 · #57957E · #3F556B

Fern and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D5D5E9): A whisper-light, dusty violet — the color of wild irises.
• Ash (#85BAD1): A luminous, dusty blue — the color of open sky before noon.
• Fern (#57957E): A luminous, dusty teal — the color of sea glass.
• Peacock (#3F556B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Orchard color palette (#FBF3F0, #C4DEE4, #89D8F9, #6C9E8A, #3A534D)
• Patina Dune color palette (#F7F3FF, #DB98C7, #80B38B, #3E9C9C, #463E52)
• Tempered Denim Market color palette (#E8DAE3, #539FB1, #005F88, #003C33, #00081F)
• Aged Petrol color palette (#ECDDE8, #82BDC0, #00819F, #005C3F, #002138)
• Ash Ridge color palette (#F6F3FF, #E9D7DE, #BAAFA0, #A0A7C8, #534A5C)
• Washed Orchard color palette (#FDF1F7, #A8E5FF, #51A1E8, #00837D, #2B3B73)
• Worn Cobalt color palette (#FBE9F0, #A8C9E3, #5486D5, #006B71, #282756)
• Ash Lantern color palette (#FFF0F8, #E4BFCB, #B190A3, #836B82, #3B4D40)

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