Washed Loft color palette — #F8EFF3 · #9AD0EB · #517CBC · #005C52 · #181E38

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

The five colors

• Ivory (#F8EFF3): a clean, paper-quiet neutral.
• Sky (#9AD0EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#517CBC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#181E38): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cobalt Coast color palette (#FFEBF8, #3FD0E8, #0079B3, #00543A, #080D4D)
• Patina Cerulean color palette (#EEF8F7, #A2CBE7, #427FA5, #005D6F, #1D3D58)
• Tempered Cerulean color palette (#F6EFF6, #A9EBE7, #429AB4, #426942, #1C2E3F)
• Periwinkle Drift color palette (#FAF4EC, #C0E4F5, #73ACDD, #207C85, #1C2E4D)
• Tempered Cerulean Alley color palette (#F3E2F1, #399AA1, #00506D, #002E16, #000313)
• Emerald Balcony color palette (#ECF0E3, #3BAC46, #00805E, #004E4D, #002530)
• Nightshade Cabin color palette (#F3DFE7, #63A4D0, #354FA9, #003938, #0F0026)
• Weathered Navy Bloom color palette (#F3E4EA, #1482B2, #08308B, #001F1D, #020009)

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