Cobalt Loft color palette — #F9F4ED · #BEE6DB · #668AC9 · #006D86 · #583E50

A conversation between Slate Blue and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#BEE6DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#668AC9): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006D86): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#583E50): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Softworn Workshop color palette (#F9F4ED, #C2E6D1, #3C94BF, #12706E, #275147)
• Aged Grove color palette (#F7F1E9, #BDE1FF, #788AC7, #296A69, #3E222F)
• Hushed Cobalt color palette (#FCF4E7, #A5D5F8, #377FDA, #006476, #2F3B6F)
• Timeworn Harbor color palette (#E6FBF5, #65A4E4, #C57F14, #0461A7, #47413C)
• Cobalt Parlor color palette (#B4EDFB, #57B5E3, #0083CC, #235B9A, #553850)
• Patina Mallow Grove color palette (#FEF0FF, #F4D0D3, #E1B5F4, #507F9B, #544450)
• Softworn Ash color palette (#FCF2F5, #D6DEFC, #93A2D6, #498686, #424563)
• Washed Quarry color palette (#E5E0D8, #6DA9B7, #00607F, #003E3B, #002139)

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