Hushed Ridge color palette — #FEF1F9 · #9FCCE5 · #487CAE · #00624E · #32365F

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Sky (#9FCCE5): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#487CAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#32365F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Wandering Navy color palette (#FFF0FC, #70C8D0, #0078A2, #005932, #002C75)
• Cypress Veranda color palette (#FBF2F5, #CADFF2, #7988B7, #007170, #424562)
• Cerulean Alley color palette (#F7F1E7, #ACD2BD, #3C84AC, #005B5C, #03213E)
• Dusty Petrol color palette (#E8F2E6, #90B5DA, #5760AB, #004F53, #37214E)
• Antique Cypress color palette (#E9F8FF, #D0DDFF, #C3A2CB, #257565, #2E4557)
• Worn Teal color palette (#DEF1E8, #00ADAD, #00748E, #005582, #2A3D68)
• Gentle Bronze color palette (#CCE9FF, #0083B8, #A55220, #704D00, #102E43)
• Timeworn Corridor color palette (#EBF7FF, #5DABD7, #006C9E, #003851, #002135)

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