Tempered Ultramarine Villa color palette — #F5ECE5 · #8ABDE6 · #485AC4 · #003E3E · #04000E

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5ECE5): bright and airy, almost weightless.
• Sky (#8ABDE6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#485AC4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#04000E): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Ultramarine 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 Alley color palette (#FCE9E3, #87C3C7, #007196, #004120, #00020C)
• Navy Workshop color palette (#F7ECDB, #3991CD, #004596, #002A34, #02001D)
• Pale Sapphire Veranda color palette (#D8E2EE, #0065C4, #7A4D00, #5D3A00, #000105)
• Hushed Drift color palette (#FDF3EF, #B5D6B8, #0086AE, #005527, #000C23)
• Patina Cobalt color palette (#D2E7DE, #0088C0, #895D00, #00415E, #020100)
• Muted Workshop color palette (#D7E5DA, #7CB7E4, #197EF9, #006A7E, #08093E)
• Muted Navy color palette (#DAE7FF, #5B92EC, #0049A8, #000942, #000104)
• Gentle Cerulean Courtyard color palette (#CBF0ED, #0094A5, #005377, #002157, #01000A)

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