Cobalt Villa color palette — #FBF3ED · #ABCEBF · #5A79AA · #006158 · #393558

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

The five colors

• Ivory (#FBF3ED): a clean, paper-quiet neutral.
• Pistachio (#ABCEBF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5A79AA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#393558): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Cobalt Villa 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 Harbor color palette (#EDF4EE, #AFCCE1, #4580B6, #005A64, #0D1E43)
• Pale Cobalt Study color palette (#FFF2EB, #6AC7DF, #0073B6, #005842, #232A6A)
• Softworn Grove color palette (#F9F4ED, #BCDDCF, #649ACD, #007A87, #253962)
• Pale Bloom color palette (#FFF2EE, #9EDCD7, #008EAA, #106C10, #04426F)
• Tempered Cypress color palette (#FBF4EF, #C9E9E8, #AC8DAD, #437A6F, #644959)
• Softworn Atelier color palette (#E4FCF0, #F2CDE5, #DC99C2, #118474, #4C364D)
• Dusty Onyx Station color palette (#F9E8E2, #4F9DA6, #005071, #00321C, #000943)
• Cobalt Archive color palette (#C1F1E1, #0081C4, #985D0E, #635400, #003429)

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