Tempered Villa color palette — #FAF4EB · #C3EBD8 · #70BAF2 · #009EA9 · #233B5E

Sky and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Honeydew (#C3EBD8): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#70BAF2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009EA9): A luminous, balanced blue — the color of open sky before noon.
• Navy (#233B5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Worn Lagoon color palette (#F3EEE5, #A4E0E0, #2CB7CD, #009475, #003344)
• Dusty Summit color palette (#FDF3EC, #B6DFCC, #6797DA, #007D6F, #38355A)
• Tempered Jade Garden color palette (#F9F4ED, #C8E5DB, #75CED8, #2FB184, #2B513D)
• Dusty Teal Quarry color palette (#F8F5EF, #C3DFEA, #B0C0EA, #65B1B3, #5E4B60)
• Wandering Cobalt Lantern color palette (#F1EBE2, #75A8C5, #0077CA, #005C67, #00022D)
• Patina Cobalt color palette (#EAF5EC, #A6CDE7, #4182B2, #005A61, #0C203D)
• Muted Cerulean color palette (#F7EEE1, #68C0C6, #0092AC, #006F5D, #001722)
• Lime Quarry color palette (#FFDBD6, #E790AC, #9AB21B, #00A0E8, #43201C)

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