Weathered Loft color palette — #FFF0FA · #8ED8EA · #0094E3 · #007557 · #1F2773

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#8ED8EA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0094E3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007557): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F2773): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Azure Harbor color palette (#FFF2EB, #D1E9FF, #1AA2F5, #007558, #151A5A)
• Linen Cornflower Bloom color palette (#FFF1F6, #99D2FF, #667EFF, #007273, #3E1D66)
• Quiet Canyon color palette (#EDDFE8, #8CB8D1, #3477BC, #005B4B, #1A0E55)
• Airy Petrol color palette (#FBF4E9, #5FC8E1, #0078A1, #005653, #00355A)
• Sky Station color palette (#EBFAEE, #92E9FF, #09BAF6, #009893, #00355A)
• Antique Lagoon Lagoon color palette (#FAF3F6, #D4DEFC, #88A5D9, #008D83, #3E4566)
• Peony Hollow color palette (#EAD9DE, #FF5C9F, #00978B, #008347, #480023)
• Ultramarine Alley color palette (#F7EBF0, #6499BB, #284CBA, #003C39, #0D0025)

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