Hushed Abyss Pier color palette — #F0F7F1 · #F2C5B8 · #64876A · #1B575B · #232F25

Peacock and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Oat (#F2C5B8): A whisper-light, dusty orange — the color of autumn markets.
• Fern (#64876A): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#1B575B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#232F25): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Fern Summit color palette (#F4F6EE, #EBCAB1, #618964, #4B5302, #2A2D1E)
• Cerulean Coast color palette (#E9F8FF, #DCD7CD, #54919B, #2C4B57, #141D20)
• Sand Coast color palette (#EFF8ED, #F8DA9B, #64AEA3, #647260, #272D26)
• Muted Lantern color palette (#EEF7F9, #A6CBAE, #206B63, #1D3E44, #1E262C)
• Worn Parlor color palette (#E5FCEF, #F59EAC, #00758F, #004252, #042114)
• Olive Parlor color palette (#FAF5E6, #B0C6A0, #7396BA, #797123, #384E3C)
• Hushed Garden color palette (#F1F7F3, #DDD5D4, #ABACA2, #5CA8B9, #4C554F)
• Weathered Garden color palette (#F2F7F0, #A2E0D0, #A18FD1, #06A38A, #392830)

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