Tempered Loft color palette — #F3EEE5 · #AFCEAD · #0098A6 · #006F52 · #003442

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Pistachio (#AFCEAD): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#0098A6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F52): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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 Cobalt Study color palette (#F2EEE7, #A4CFBE, #488BC9, #006A77, #192B55)
• Dusty Lagoon color palette (#DAF7DF, #A6DFDD, #97B7F1, #008676, #003441)
• Wandering Balcony color palette (#EFF8F0, #A1F8F4, #00A5B5, #006D50, #00232D)
• Hushed Quarry color palette (#EAE3D9, #559FAB, #00627C, #003C36, #000A15)
• Aged Azure color palette (#FCF4E7, #BEE6CF, #00A8E8, #008282, #004174)
• Hazy Teal color palette (#DFF4E9, #00BB99, #008A80, #005F64, #002F3A)
• Muted Basin color palette (#F7EBE8, #77C0BC, #00748D, #07540D, #043052)
• Turquoise Summit color palette (#F5EAF6, #99E3DF, #2BB5D9, #558E55, #0D304E)

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