Tempered Loft color palette — #EAF4F3 · #ACCDE0 · #0187B6 · #005A65 · #002338

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Powder Blue (#ACCDE0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0187B6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002338): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Patina Petrol color palette (#E9F4F4, #C9DFF4, #6D90BA, #00678B, #1B2D45)
• Dusty Cypress Lagoon color palette (#E1ECE9, #93BBC6, #007A80, #004C41, #001A1E)
• Washed Lagoon Workshop color palette (#DAE7E4, #41999B, #00545B, #002C27, #000507)
• Patina Villa color palette (#FCF3EE, #A6D0BA, #267EBE, #00605A, #4C2F48)
• Azure Courtyard color palette (#F4F6ED, #B7DFCA, #29A1D6, #007A8A, #184338)
• Dusty Denim color palette (#DAECEA, #76A3BD, #005D90, #003745, #000B1C)
• Timeworn Mulberry Thicket color palette (#EDE5F8, #B97AA1, #3081C1, #90176F, #001E35)
• Antique Ultramarine color palette (#EAE0F6, #AB5D8F, #A65525, #474BB5, #1A0B29)

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