Tempered Loft color palette — #D5E3D7 · #2484A2 · #004060 · #001F20 · #000105

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

The five colors

• Bone (#D5E3D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#2484A2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Antique Onyx color palette (#F5E3D8, #448BA4, #003F69, #002220, #02002F)
• Shadow Petrol Orchard color palette (#D3EDFF, #0067A5, #002D4C, #231B21, #000711)
• Denim Loft color palette (#E4E7DA, #5B9CB6, #006085, #003A43, #000A15)
• Feathered Lapis Boulevard color palette (#D3EEFF, #558BD6, #6B53B9, #003943, #000205)
• Velvet Lagoon color palette (#D5EAF8, #00546F, #642500, #00222F, #030000)
• Weathered Villa color palette (#E2ECE4, #8DB8DF, #3A68B9, #00495A, #0F1133)
• Cerulean Canyon color palette (#EAF5EC, #97D4D5, #008B9F, #005D4A, #002532)
• Shadow Garnet color palette (#DEF1FC, #00415D, #5D0034, #222600, #000103)

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