Weathered Loft color palette — #DDF2F5 · #0096BE · #005C93 · #002280 · #0F0035

Navy takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDF2F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0096BE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005C93): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002280): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#0F0035): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Weathered 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

• Airy Onyx color palette (#CFF4EF, #0098AA, #006080, #003050, #040040)
• Navy Meadow color palette (#D6E6EC, #50A2D5, #3A69A8, #2B277F, #200043)
• Linen Hollow color palette (#D9ECE5, #00A5AA, #00648E, #1D00A0, #3E0050)
• Feathered Navy color palette (#D4E9D8, #0085A5, #224891, #570800, #00101C)
• Misty Nightshade color palette (#DBECF7, #508DE1, #4542A9, #3A006D, #1E0026)
• Nightshade Terrace color palette (#DAFFF0, #00CDDC, #0083D1, #2E2AA6, #200030)
• Pale Nightshade Cabin color palette (#C8EBF2, #49B1D8, #007CC2, #1B22C4, #200066)
• Aubergine Corridor color palette (#D5E5F9, #4C59CC, #3B008E, #220038, #040004)

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