Tempered Villa color palette — #FBF2F8 · #ABEAE9 · #3598AF · #3F6E53 · #334B5D

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sea Foam (#ABEAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3598AF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3F6E53): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#334B5D): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered 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 Ridge color palette (#FDF2F6, #BDE1FF, #6F89C1, #006F7A, #40475E)
• Cerulean Lagoon color palette (#F5F0F5, #BEE4EE, #5198B1, #406A43, #162E46)
• Patina Cabin color palette (#FCF3F0, #C7E5DC, #5EB1CD, #5A875D, #563E59)
• Wandering Teal color palette (#F9F4EE, #C6E7DD, #7ACCDB, #40AE8D, #144F63)
• Dusty Cerulean Lagoon color palette (#EEE1EB, #00A2B0, #00516A, #003124, #00152A)
• Linen Delta color palette (#FFF0FA, #00CCF1, #0076AB, #00574C, #143162)
• Muted Mint Studio color palette (#D3FFFE, #7DCA91, #3B8555, #055430, #04381F)
• Jade Harbor color palette (#DCFDF7, #77B25D, #AA72AF, #4A7238, #533656)

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