Cobalt Loft color palette — #FCF3EE · #AFCEB9 · #2B81AD · #006152 · #4A304A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Pistachio (#AFCEB9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2B81AD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4A304A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. 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

• Ancient Cobalt Delta color palette (#FFF2E9, #A2D7F2, #4C82BF, #006666, #333B6B)
• Weathered Petrol color palette (#FFF2EC, #69C9CC, #007A94, #00593A, #003655)
• Turquoise Summit color palette (#F5F6EE, #BBDFC7, #39A4C3, #007B80, #004158)
• Washed Lagoon color palette (#FBF3F0, #CCE6E2, #7BA392, #477A6B, #5F4A61)
• Softworn Veranda color palette (#FFF0FA, #FFCFE4, #D39AAA, #36719F, #583844)
• Softworn Boulevard color palette (#F1E3DB, #508A9B, #004064, #00231F, #00032B)
• Sky Workshop color palette (#FBF2F8, #C0E7FA, #3CBFFF, #18A28B, #273C55)
• Hazy Indigo Canyon color palette (#FCD9EB, #796BBD, #816B00, #596100, #3D2130)

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