Tempered Loft color palette — #F2F8EA · #58A182 · #5C83A9 · #735B2F · #304500

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

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Fern (#58A182): A luminous, balanced teal — the color of shallow lagoons.
• Storm Blue (#5C83A9): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#735B2F): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#304500): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Tempered 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 Cerulean Veranda color palette (#E9FAEE, #489EAC, #8177A3, #566640, #334137)
• Lagoon Parlor color palette (#F1F8EA, #49A387, #9E7557, #705D2A, #2C4602)
• Hushed Basalt color palette (#F2F7EC, #5EA082, #5C83A6, #555C84, #314500)
• Aged Lagoon color palette (#F9F6E4, #8C9852, #3B8D93, #7F5247, #3F3D36)
• Muted Jade color palette (#F2F3E4, #77A26F, #9075AC, #864C3B, #232414)
• Softworn Canyon color palette (#E7FDDE, #00897A, #4062B2, #544B00, #00342D)
• Driftwood Lagoon color palette (#F1F7F1, #D3DCDA, #A4ADB8, #718971, #4D554D)
• Dusty Cerulean color palette (#F2F7F0, #8CCFC5, #3788A8, #267C73, #22322A)

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