Cobalt Villa color palette — #FAF4EB · #A3CAEC · #5178B9 · #005D71 · #31375D

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Sky (#A3CAEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5178B9): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#31375D): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Cobalt Market color palette (#FAF4EC, #94D0E0, #0283B1, #00605E, #114439)
• Ancient Cobalt Delta color palette (#F8F0E9, #9DCEF5, #6677BB, #005B5C, #341423)
• Iris Study color palette (#FCF2F5, #B4D9FA, #7D92D5, #007C7C, #3F3357)
• Ancient Cerulean color palette (#F4EBDB, #459CB4, #00506F, #00302F, #001529)
• Airy Cobalt color palette (#FCECDA, #BE7E29, #007FC6, #794A00, #103856)
• Pale Aubergine Delta color palette (#F7E1C5, #A26E00, #007C7E, #76408A, #3B2707)
• Washed Lime color palette (#FFF3E4, #E3DAA5, #95BB65, #955F40, #403C35)
• Amber Villa color palette (#F5DDD5, #E1804F, #9E5700, #684300, #323D0B)

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