Cobalt Loft color palette — #F7E8DF · #71AAC0 · #3C76B9 · #005F50 · #080029

Slate and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7E8DF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#71AAC0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3C76B9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F50): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#080029): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cornflower Coast color palette (#FBEBDF, #7ABAD9, #4781DB, #006E63, #160040)
• Hushed Forest color palette (#F8E7E3, #61B0AD, #00819E, #046314, #000A18)
• Antique Archive color palette (#E3EDE5, #5D9CB5, #005E8C, #003B3E, #00091B)
• Softworn Navy Corridor color palette (#E9DDE3, #438297, #003C6F, #002019, #01000A)
• Mulberry Harbor color palette (#F7E6E6, #C2479B, #00846F, #940070, #000805)
• Hushed Quarry color palette (#F5EDE4, #B1DED1, #8A9EF3, #009092, #352250)
• Chalky Plum Balcony color palette (#FCE1E9, #C8006C, #007860, #005A61, #060002)
• Quiet Indigo color palette (#FFE8E7, #CC9F6F, #8A9C53, #7A56A9, #1B0005)

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