Tempered Loft color palette — #CAEEFF · #90BADD · #808BAC · #8A5F53 · #2E4B2D

Sky and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CAEEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#90BADD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#808BAC): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#8A5F53): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#2E4B2D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Aged Fern color palette (#E1ECFD, #B1B8D5, #948CAD, #57725C, #454E22)
• Worn Frost Terrace color palette (#ACEFEE, #92BCD6, #768EB0, #895A5B, #593D4B)
• Driftwood Coast color palette (#E4EEFF, #A8A5DB, #9E6CA7, #7B5821, #3D3F00)
• Basalt Hollow color palette (#BCF4EA, #88ABB5, #5C7194, #326455, #3F481B)
• Worn Study color palette (#F0F5FF, #CED1E7, #A9A1B5, #6D8774, #40554E)
• Ancient Bronze Studio color palette (#DCFFE9, #B2E8D9, #B792AA, #9C5F3A, #563300)
• Pewter Alley color palette (#C5E7F9, #7A98C2, #7465A0, #66381D, #3C2800)
• Cocoa Grove color palette (#DDE2FF, #836E94, #73475B, #363000, #061400)

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