Amber Villa color palette — #E4FBF3 · #5CA7DA · #CC735D · #806D2D · #233831

Built around Coral Clay, softened by Cornflower — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4FBF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#5CA7DA): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#CC735D): A luminous, balanced orange — the color of autumn markets.
• Walnut (#806D2D): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#233831): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Amber 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

• Chalky Peony Veranda color palette (#ECF9EF, #2EB1C3, #C57095, #966128, #23392A)
• Quiet Boulevard color palette (#FEF0FD, #699FDF, #CB5122, #636617, #233224)
• Iris Loft color palette (#FFF0FB, #8598ED, #BF802F, #63782C, #3F2C3A)
• Linen Cobalt color palette (#E2FCF3, #0089CC, #9C6127, #74471A, #1E3931)
• Washed Powder color palette (#F0F6FF, #9AB7FF, #D998A7, #BF7E5C, #293344)
• Sky Courtyard color palette (#ECF7FF, #73BCE9, #B48DC0, #41825B, #112737)
• Aged Corridor color palette (#FFF4E2, #9DAAFA, #A071B2, #7B5F15, #4E3442)
• Tempered Iris color palette (#D7E5FF, #5F94FF, #985100, #5D5C00, #0B1D42)

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