Quiet Loft color palette — #EEEFCC · #64B900 · #009150 · #00685C · #00393D
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#EEEFCC): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#64B900): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#009150): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00393D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Quiet 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
- Olive Grove color palette (#F4EACC, #A7A600, #428C00, #006146, #00423B)
- Powdered Jade Balcony color palette (#DBEDD4, #00C07C, #008F87, #00606E, #003A56)
- Faded Lime Study color palette (#EBF57E, #87CB00, #009763, #006759, #00252B)
- Hushed Lime Loft color palette (#D8E3D1, #03D83C, #00AE72, #00876A, #003C35)
- Aged Teal Veranda color palette (#FCF5D6, #A8D1AA, #5EB292, #008483, #365643)
- Pale Pier color palette (#A6FFE7, #00CEB0, #008D78, #00554D, #001E17)
- Pine Harbor color palette (#E1EBD7, #007D3D, #005847, #003136, #000F16)
- Frosted Study color palette (#F5E3D9, #CF9A00, #827C00, #426300, #003C25)
Browse the whole catalog at Explore, or see today's palette.