Tempered Loft color palette — #F1E5E1 · #6CBFC8 · #008EC1 · #007142 · #000F39

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E5E1): bright and airy, almost weightless.
• Cyan (#6CBFC8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008EC1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007142): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#000F39): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Timeworn Archive color palette (#FCECE0, #83B8D5, #4F80D9, #006E65, #16023D)
• Aged Petrol color palette (#E5EFE7, #64B0B6, #007289, #004B40, #001622)
• Washed Emerald Grove color palette (#FAEBE6, #C0DCC3, #3EB2E1, #009750, #122D55)
• Soft Dune color palette (#D8F3DB, #92BFF3, #BD8AF4, #008955, #001E27)
• Airy Rust Workshop color palette (#D3E4D2, #00A29F, #D15100, #00716F, #200600)
• Aged Turquoise color palette (#D2E5EC, #00ACCE, #00809B, #00495F, #000304)
• Tempered Cerulean Alley color palette (#F3E2F1, #399AA1, #00506D, #002E16, #000313)
• Quiet Lagoon color palette (#DBF3FF, #0089B4, #D80041, #954100, #00090F)

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