Tempered Loft color palette — #EAF5EC · #96DEE3 · #0092AC · #006453 · #00293A

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Ice Blue (#96DEE3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0092AC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006453): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00293A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Petrol color palette (#E8F6EB, #78CAD6, #007E9C, #005249, #001D2D)
• Cobalt Basin color palette (#E8F6EA, #AAD5F9, #5283CB, #005F73, #19204B)
• Wandering Lagoon Veranda color palette (#DEECE1, #3A9A9B, #00535F, #002D22, #000509)
• Forest Coast color palette (#FFF2ED, #B5D9B9, #008BB7, #006B37, #1A3F73)
• Ancient Cypress Workshop color palette (#EDF4EE, #D2DCEF, #73A3BE, #347776, #23384C)
• Washed Thicket color palette (#DFEFE2, #7CA1BD, #005A9B, #003840, #00042E)
• Airy Magenta color palette (#E8DFFF, #C643BA, #8D7200, #006E7E, #290925)
• Feathered Cabin color palette (#FEF0FD, #D3D4E4, #56BBE7, #088D4C, #0D3368)

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