Tempered Loft color palette — #E8F3FF · #96B7D7 · #B49953 · #1876BB · #183924

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

The five colors

• Ivory (#E8F3FF): a clean, paper-quiet neutral.
• Sky (#96B7D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mustard (#B49953): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#1876BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#183924): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Indigo color palette (#EEF2FC, #AAAFDE, #BE945A, #6568B7, #442B01)
• Patina Petrol Basin color palette (#E5F5FD, #7EBFD0, #CB8B63, #007F97, #432635)
• Marigold Pier color palette (#FDF1FD, #A2C7F6, #D8A769, #628FC7, #514C46)
• Washed Delta color palette (#EAF2FF, #889CC7, #AF844F, #8D762E, #1D2838)
• Dusty Study color palette (#EEF6FF, #90B2E0, #CD7C9D, #4574B1, #564561)
• Dusty Cerulean color palette (#E8F3FF, #DCD6E3, #DAB8D5, #6198AE, #303949)
• Aged Pewter color palette (#EFF1F9, #9FCFC3, #605B84, #292F4A, #10131F)
• Antique Cocoa Delta color palette (#FCEDF6, #D0B1BD, #9A768D, #7A474B, #213124)

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