Tempered Cobalt Villa color palette — #F9F0EA · #ACD2BC · #5280AD · #005D4B · #31142A

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#ACD2BC): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5280AD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4B): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#31142A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Tempered 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 Grove color palette (#FDEFE3, #ABD6F3, #5D7FD0, #00625E, #29184C)
• Petrol Field color palette (#EFE8DF, #8DBFB1, #5764AC, #004B4D, #1D0833)
• Muted Cerulean color palette (#F9F4ED, #A9CFBA, #3A80A6, #005F60, #173C60)
• Patina Cypress Dune color palette (#F8F0EC, #CAE2E0, #7BA79A, #3E7863, #442E3E)
• Muted Canyon color palette (#FCF2F8, #B8DAEC, #559BD9, #007F64, #303662)
• Ancient Navy color palette (#E8DCD4, #468197, #003C71, #002019, #01000A)
• Plum Lagoon color palette (#E4EDD5, #41B982, #A6457A, #006640, #330921)
• Aged Ridge color palette (#E4E4CF, #7EA64E, #00773F, #00524B, #002A2E)

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