Tempered Loft color palette — #EFF7F3 · #E2D3D0 · #CEB4A3 · #0083A5 · #12221A

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#E2D3D0): a clean, paper-quiet neutral.
• Stone (#CEB4A3): A luminous, dusty gold — the color of old brass.
• Cerulean (#0083A5): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#12221A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Grove color palette (#F3F7F0, #D0E1DF, #DAC2CA, #008A76, #1A2116)
• Timeworn Studio color palette (#F0F7F4, #E1D3CF, #A4A99C, #2C94C9, #1E332C)
• Wandering Balcony color palette (#FAF2FA, #E7D7D7, #D5BBB1, #2673DB, #261926)
• Denim Terrace color palette (#EFF7F5, #EAD6D7, #D2B1B7, #0063A3, #00110C)
• Lagoon Lantern color palette (#F9F5E7, #97CA9E, #00897B, #1A557E, #001F07)
• Hushed Denim Pier color palette (#E8F0F5, #BFCEE1, #9A9EBB, #035F74, #223038)
• Muted Fern color palette (#E4FEDF, #8BC5C2, #7286AF, #5A6504, #003531)
• Lowlit Cobalt color palette (#F1DFF1, #2C75CF, #2C1942, #0A000C, #000201)

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