Hushed Loft color palette — #E8F5F3 · #81AC8E · #0B7754 · #254B5F · #002221

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Sage (#81AC8E): A luminous, dusty teal — the color of glacier melt.
• Pine (#0B7754): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#254B5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Dusty Lagoon color palette (#E5F6F6, #8EBDC3, #10877E, #3F586E, #142C2E)
• Softworn Field color palette (#D5EAE6, #5C9E72, #006545, #532F00, #001615)
• Tempered Balcony color palette (#E9F6EE, #A3A564, #5D6D10, #63383B, #032217)
• Lagoon Atelier color palette (#D2E7E6, #388A6B, #005042, #002E41, #000B05)
• Lagoon Harbor color palette (#F5F7E5, #8EC39D, #3C936F, #486D58, #313B00)
• Lagoon Orchard color palette (#EAFAF1, #BCDBAD, #36A073, #605E84, #0F2E29)
• Twilit Olive color palette (#D5E4DB, #6C6D00, #313C00, #40000D, #030300)
• Softworn Apricot color palette (#FAECFF, #F3D2C4, #F6947F, #8A4F6B, #312234)

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