Cobalt Villa color palette — #FAF4F0 · #ACCEBD · #3C7CB7 · #00605C · #2E385B

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Pistachio (#ACCEBD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3C7CB7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#2E385B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Worn Cobalt color palette (#FEF3E9, #ABD3F6, #5C7CCA, #006570, #3E3277)
• Cobalt Studio color palette (#E9F5F3, #A8CDE5, #0085BC, #005968, #05223A)
• Dusty Petrol color palette (#F5ECE8, #9CBB9C, #00748A, #005332, #00324B)
• Patina Azure color palette (#F4F7EC, #B0E1CA, #2DA0D9, #00798C, #0E4438)
• Sunlit Station color palette (#C7E7E4, #28ACBC, #007690, #00527B, #392F62)
• Weathered Lilac color palette (#E0FDF1, #C3D4FF, #B998D4, #007376, #4A334D)
• Dusty Garden color palette (#E9DED6, #4D88A7, #003B77, #002223, #06002C)
• Ancient Sky Alley color palette (#FFF0F8, #B7E9FF, #70B7FB, #279F9A, #2C3A55)

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