Washed Cobalt Loft color palette — #FAF3F7 · #ABCADC · #3A7CBA · #00624F · #313562

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sky (#ABCADC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3A7CBA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#313562): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Chalky Meadow color palette (#FFF0FC, #6AC8D4, #0077A5, #005936, #06297A)
• Antique Alley color palette (#F6F1E9, #AFD1BE, #1C85B9, #005B5D, #04213E)
• Weathered Iris Lagoon color palette (#FCF2F5, #CBDFF1, #7786C3, #007072, #424465)
• Aged Spruce Boulevard color palette (#F5ECF5, #549D9D, #005267, #00330D, #00142C)
• Softworn Plum color palette (#F3DBF7, #BA5369, #00824B, #00635C, #38213C)
• Tempered Bloom color palette (#F7F3FF, #FFD5CD, #C6A95C, #7764A9, #47314F)
• Navy Grove color palette (#F3E4EC, #4E89A3, #00387F, #00231E, #0A0028)
• Softworn Delta color palette (#F3E5EC, #77A5C1, #2F539E, #003E3A, #230D4D)

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