Cobalt Villa color palette — #FBF4EA · #9FD1C4 · #4F75C6 · #005C75 · #34375B

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Pistachio (#9FD1C4): A whisper-light, dusty teal — the color of sea glass.
• Azure (#4F75C6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#34375B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Archive color palette (#FAF4EB, #A7D0B7, #0083B1, #00605E, #144439)
• Cobalt Lantern color palette (#FFF4E2, #61C4F6, #0071BD, #00545E, #122E6A)
• Muted Cobalt color palette (#F8F0E8, #A8CCEE, #6C76B8, #005B5F, #341422)
• Antique Iris Delta color palette (#F0F8EF, #B1D9FF, #848FD6, #007B80, #363755)
• Pale Lantern color palette (#D2EEF6, #34A6DF, #0069A6, #084697, #283560)
• Worn Cerulean Bloom color palette (#EAE3D8, #459CB7, #004F73, #003031, #00142C)
• Washed Summit color palette (#F8E9F9, #5690D3, #A16D00, #0056A2, #493000)
• Faded Cornflower color palette (#F7DAF6, #3675DD, #B83843, #2E6B20, #3A2139)

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