Hushed Loft color palette — #F5F6EC · #ACB48C · #37855C · #5D5E10 · #404800

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sage (#ACB48C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#37855C): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#5D5E10): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Aged Olive color palette (#F8F5ED, #C7C2A3, #738A53, #646C24, #5A4D00)
• Pine Pier color palette (#F8F7DE, #82B371, #017F31, #1C5E46, #294220)
• Timeworn Fern color palette (#FAF5E5, #BAE1BE, #7EBAAF, #989073, #404800)
• Lagoon Hollow color palette (#EAF9F3, #A3D2A6, #54A08A, #587A6E, #2D4846)
• Teal Harbor color palette (#D8F4D3, #37C2C4, #008C93, #00616D, #2C523C)
• Powder Bloom color palette (#E7FBF0, #B6ECEF, #9EC8FF, #428793, #41574D)
• Worn Lagoon Grove color palette (#DEE3D5, #008F71, #005047, #003638, #002118)
• Eclipse Fern color palette (#EFEBD9, #4C6724, #0F3400, #001D0D, #070600)

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