Tempered Loft color palette — #EBF8FB · #76D7D6 · #778BD2 · #009393 · #1D2431

Lavender Blue and Cerulean set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EBF8FB): bright and airy, almost weightless.
• Lagoon (#76D7D6): A luminous, balanced teal — the color of glacier melt.
• Lavender Blue (#778BD2): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#009393): A luminous, balanced teal — the color of sea glass.
• Onyx (#1D2431): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. Tagged duotone, 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

• Weathered Basin color palette (#EFF6FB, #A4DAF3, #9596C6, #3798BE, #292D3A)
• Dusty Ridge color palette (#ECF8F8, #88D8B2, #1D9EC1, #26966C, #17262F)
• Patina Chapel color palette (#F1F7F1, #88FCFB, #619FF5, #009E9E, #180E18)
• Hushed Cobalt Station color palette (#E8FBEB, #6BBEDB, #6986BE, #8E4F42, #284053)
• Indigo Courtyard color palette (#EDF8F9, #6EC1AA, #785BB2, #00705C, #202235)
• Pale Cabin color palette (#D2F9FF, #79C9EF, #5A98D0, #4A5F9F, #3B2E7C)
• Wandering Cerulean color palette (#EFF7FB, #D7DAE4, #BEBFCC, #519BAE, #3F494E)
• Pale Orchid Harbor color palette (#EEF6FF, #82C0FF, #AD5DD4, #007AD1, #271232)

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