Tempered Villa color palette — #DDEBF3 · #00AAB6 · #0089A8 · #005C93 · #000305
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDEBF3): a clean, paper-quiet neutral.
- Cyan (#00AAB6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0089A8): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005C93): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, 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
- Jade Orchard color palette (#D8F2F9, #00AC8A, #008F8B, #006B7E, #000303)
- Tempered Alley color palette (#E4F2FE, #00A3CB, #0086C0, #004ABE, #00050E)
- Muted Meadow color palette (#D8EAE6, #5BA0A1, #00646D, #003C36, #000C0F)
- Feathered Nightshade color palette (#D9EBF5, #00927A, #006A7B, #2D00AA, #00050C)
- Weathered Garden color palette (#C7ECDA, #00C19D, #009FB7, #6063F1, #00040C)
- Faded Lantern color palette (#D0E9FF, #5E7DAD, #454988, #4B1039, #28000F)
- Dusty Grape Ridge color palette (#DDEDFF, #009ADB, #0E78F5, #4F03E7, #00010E)
- Navy Orchard color palette (#C8E4F9, #006CB3, #004486, #001670, #02002D)
Browse the whole catalog at Explore, or see today's palette.