Cobalt Loft color palette — #D9FFF4 · #CFE5FF · #8EB1EF · #6279B8 · #583C51

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

The five colors

• Honeydew (#D9FFF4): A whisper-light, dusty teal — the color of glacier melt.
• Frost (#CFE5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8EB1EF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6279B8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#583C51): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Washed Boulevard color palette (#DFFEEC, #AADCFF, #8DBCFF, #8791C7, #604552)
• Worn Indigo Field color palette (#FFF0FA, #E7D5EE, #ABA0E5, #836AAE, #6B4754)
• Aged Balcony color palette (#E1FEEA, #D5E4F6, #6BBCDF, #2980AB, #295C4F)
• Petrol Canyon color palette (#FFF0FA, #E6D4D6, #A9AFE9, #5B62A1, #212348)
• Basalt Harbor color palette (#F9E7FF, #D8D2C8, #8D96A4, #53373E, #281F21)
• Ancient Amethyst Study color palette (#F1F5FF, #B9C5FF, #8889FF, #6F36EB, #40286E)
• Feathered Grape color palette (#F5F3FF, #CCB5FF, #AB76E2, #7F39A0, #421E4C)
• Plum Corridor color palette (#FFF1F5, #F6D1FF, #C57FCA, #9B4690, #5C3751)

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